Merge pull request #17 from zouhangwithsweet/fix-insert-root

chore: update content insert to root
zouhangwithsweet · Aug 10, 2024 · 0d42ccb · 0d42ccb
2 parents 72aed65 + 0cbf563
commit 0d42ccb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/entrypoints/content.ts b/entrypoints/content.ts
@@ -5,6 +5,7 @@ export default defineContentScript({
   runAt: 'document_end',
   main(ctx) {
     const ui = createIntegratedUi(ctx, {
+      tag: 'fubukicss',
       position: 'inline',
       onMount: (root) => {
         // Append children to the container
@@ -19,12 +20,8 @@ export default defineContentScript({
         styleEl.setAttribute('rel', 'stylesheet')
         styleEl.setAttribute('href', browser.runtime.getURL('assets/injected.css' as any))
 
-        container.appendChild(styleEl)
-        container.appendChild(script)
-
-        container.classList.add('fubuki-css')
-
-        root.appendChild(container)
+        root.appendChild(styleEl)
+        root.appendChild(script)
       },
     })
 

diff --git a/entrypoints/injected/index.tsx b/entrypoints/injected/index.tsx
@@ -23,6 +23,6 @@ export default defineUnlistedScript(() => {
     const app = document.createElement('div')
     const root = ReactDOM.createRoot(app)
     root.render(<App />)
-    document.querySelector('.fubuki-css')!.append(app)
+    document.querySelector('fubukicss')!.append(app)
   }
 })