diff --git a/docs/guide/essentials/content-scripts.md b/docs/guide/essentials/content-scripts.md index 8b353dd76..5032ef2c2 100644 --- a/docs/guide/essentials/content-scripts.md +++ b/docs/guide/essentials/content-scripts.md @@ -97,7 +97,7 @@ To create a standalone content script that only includes a CSS file: WXT provides 3 built-in utilities for adding UIs to a page from a content script: - [Integrated](#integrated) - `createIntegratedUi` -- [Shadow Root](#shadow-root) -`createShadowRootUi` +- [Shadow Root](#shadow-root) - `createShadowRootUi` - [IFrame](#iframe) - `createIframeUi` Each has their own set of advantages and disadvantages. diff --git a/docs/guide/essentials/entrypoints.md b/docs/guide/essentials/entrypoints.md index f370034e4..30269ad32 100644 --- a/docs/guide/essentials/entrypoints.md +++ b/docs/guide/essentials/entrypoints.md @@ -537,8 +537,8 @@ Firefox does not support sandboxed pages. :patterns="[ ['sidepanel.html', 'sidepanel.html'], ['sidepanel/index.html', 'sidepanel.html'], - ['{name}.sidepanel.html', '{name}.html` '], - ['{name}.sidepanel/index.html', '{name}.html` '], + ['{name}.sidepanel.html', '{name}.html'], + ['{name}.sidepanel/index.html', '{name}.html'], ]" /> diff --git a/docs/guide/resources/faq.md b/docs/guide/resources/faq.md index 1de176ee5..740965f22 100644 --- a/docs/guide/resources/faq.md +++ b/docs/guide/resources/faq.md @@ -48,7 +48,7 @@ This is usually caused by one of two things (or both) when using `createShadowRo import ReactDOM from 'react-dom/client'; import App from './App.tsx'; - const ui = await create`ShadowRoot`Ui(ctx, { + const ui = await createShadowRootUi(ctx, { // ... onMount: (container, shadow) => { const cssContainer = shadow.querySelector('head')!; @@ -80,7 +80,7 @@ This is usually caused by one of two things (or both) when using `createShadowRo import { createApp } from 'vue'; import App from './App.vue'; - const ui = await create`ShadowRoot`Ui(ctx, { + const ui = await createShadowRootUi(ctx, { // ... onMount: (container, shadow) => { const teleportTarget = shadow.querySelector('body')!; @@ -104,7 +104,7 @@ This is usually caused by one of two things (or both) when using `createShadowRo import App from './App.tsx'; import PortalTargetContext from '~/hooks/PortalTargetContext'; - const ui = await create`ShadowRoot`Ui(ctx, { + const ui = await createShadowRootUi(ctx, { // ... onMount: (container, shadow) => { const portalTarget = shadow.querySelector('body')!;