diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts index 53ee29cf..93829235 100644 --- a/docs/.vitepress/config.ts +++ b/docs/.vitepress/config.ts @@ -152,6 +152,7 @@ export default defineConfig({ menuGroup('Resources', '/guide/resources/', [ menuItem('Compare', 'compare.md'), menuItem('FAQ', 'faq.md'), + menuItem('Community', 'community.md'), menuItem('Upgrading WXT', 'upgrading.md'), menuItem('Migrate to WXT', 'migrate.md'), menuItem('How WXT Works', 'how-wxt-works.md'), diff --git a/docs/guide/installation.md b/docs/guide/installation.md index 1f59ad49..d90110b5 100644 --- a/docs/guide/installation.md +++ b/docs/guide/installation.md @@ -121,3 +121,4 @@ Once you've run the `dev` command, continue to [Next Steps](#next-steps)! - Keep reading on about WXT's [Project Structure](/guide/essentials/project-structure) and other essential concepts to learn - Configure [automatic browser startup](/guide/essentials/config/browser-startup) during dev mode - Explore [WXT's example library](/examples) to see how to use specific APIs or perform common tasks +- Checkout the [community page](/guide/resources/community) for a list of resources made by the community! diff --git a/docs/guide/resources/community.md b/docs/guide/resources/community.md new file mode 100644 index 00000000..db8ed5c1 --- /dev/null +++ b/docs/guide/resources/community.md @@ -0,0 +1,13 @@ +# Community + +This page is dedicated to all the awesome people how have made something for WXT or that works with WXT. Blog posts, YouTube videos, NPM packages, etc. If a section doesn't exist for the thing you made, add one! + +[[toc]] + +## Blog Posts + +- [Building Modern Cross Browser Web Extensions](https://aabidk.dev/tags/wxt/) by Aabid ([@aabidk20](https://github.com/aabidk20)) + +## NPM Packages + +- [`@webext-core/*`](https://webext-core.aklinker1.io/): Easy-to-use utilities for writing and testing web extensions that work on all browsers. diff --git a/docs/guide/resources/faq.md b/docs/guide/resources/faq.md index 68eeaa4e..8a5dbe13 100644 --- a/docs/guide/resources/faq.md +++ b/docs/guide/resources/faq.md @@ -157,6 +157,8 @@ This is usually caused by one of two things (or both) when using `createShadowRo ::: + If you use ShadCN, [see this blog post](https://blog-repo-eto.pages.dev/blog/building-modern-cross-browser-web-extensions-content-scripts-and-ui/#using-radixui-portals-to-move-the-dialog-to-shadow-dom). + :::::: Both issues have the same cause: the library puts something outside the `ShadowRoot`, and the `ShadowRoot`'s isolation prevents CSS from being applied to your UI.