PD
🧩 Plasmo DevelopersPallas

Yes you can pass a variable from the

Yes, you can pass a variable from the getInlineAnchorList function to the CSUI component itself. In your case, if you want to grab the data-x attribute on the results item and access it in the CSUI code, you can modify the getInlineAnchorList function to include the desired data in the anchor object that is passed to the CSUI component. Here's an example of how you can achieve this: 1. Modify the getInlineAnchorList function to include the data-x attribute in the anchor object: 
import type { PlasmoGetInlineAnchorList } from "plasmo"

export const getInlineAnchorList: PlasmoGetInlineAnchorList = async () => {
  const anchors = document.querySelectorAll("a")
  const anchorList = []

  for (const anchor of anchors) {
    const dataX = anchor.getAttribute("data-x")
    anchorList.push({ element: anchor, dataX })
  }

  return anchorList
}
import type { PlasmoGetInlineAnchorList } from "plasmo"

export const getInlineAnchorList: PlasmoGetInlineAnchorList = async () => {
  const anchors = document.querySelectorAll("a")
  const anchorList = []

  for (const anchor of anchors) {
    const dataX = anchor.getAttribute("data-x")
    anchorList.push({ element: anchor, dataX })
  }

  return anchorList
}
2. In your CSUI component, access the dataX attribute from the anchor object: 
import React from "react"

interface CSUIProps {
  anchor: {
    element: HTMLAnchorElement
    dataX: string | null
  }
}

const CSUIComponent: React.FC<CSUIProps> = ({ anchor }) => {
  const { dataX } = anchor

  // Use the dataX attribute in your component logic
  // ...

  return (
    // JSX for your CSUI component
    <div>
      <p>Data X: {dataX}</p>
    </div>
  )
}

export default CSUIComponent
import React from "react"

interface CSUIProps {
  anchor: {
    element: HTMLAnchorElement
    dataX: string | null
  }
}

const CSUIComponent: React.FC<CSUIProps> = ({ anchor }) => {
  const { dataX } = anchor

  // Use the dataX attribute in your component logic
  // ...

  return (
    // JSX for your CSUI component
    <div>
      <p>Data X: {dataX}</p>
    </div>
  )
}

export default CSUIComponent
By including the dataX attribute in the anchor object, you can access it in the CSUI component and use it in your component logic as needed.
Joshua Perk
Joshua Perk•317d ago
!question how do I access the CSUIProps anchor object in Vue?
Pallas
Pallas•317d ago
Something went wrong.
Want results from more Discord servers?
Add your server
More Posts
youtube videos need to refresh when clicked from youtubethis is my content.tsx file: ` import type { PlasmoCSConfig, PlasmoCSUIJSXContainer, PlasmoCSUAs a browser extension developer usingAs a browser extension developer using Plasmo, you can change the display page in `popup.tsx` on cliWhy isn't React router dom working in my popup.tsx?``` return ( <> <BrowserRouter> <Routes> <Route path="/" element={<TableIs plasmo forcing my vs code to use double quotes?I wonder if my prettier plugin is managed automatically by plasmo.Yes you can use the normal ` style ` tagYes, you can use the normal `<style>` tag in Vue with Plasmo. Plasmo offers first-class support for Can't import useChat from Vercel's AI SDKFails on a new project as well. ``` 🔴 ERROR | Failed to resolve 'ai/react' from './popup.tsx' 🔴