Here's a brief summary of each of these files and directories: 📂 {rootDir}/ 📁 .output/ 📁 .wxt/ 📁 assets/ 📁 components/ 📁 composables/ 📁 entrypoints/ 📁 hooks/ 📁 modules/ 📁 public/ 📁 utils/ 📄 .env 📄 .env.publish 📄 app.config.ts 📄 package.json 📄 tsconfig.json 📄 web-ext.config.ts 📄 wxt.config.ts .output/: All build artifacts will go here .wxt/: Generated by WXT, it contains TS config assets/: Contains all CSS, images, and other assets that should be processed by WXT components/: Auto-imported by default, contains UI components composables/: Auto-imported by default, contains source code for your project's composable functions for Vue entrypoints/: Contains all the entrypoints that get bundled into your extension hooks/: Auto-imported by default, contains source code for your project's hooks for React and Solid modules/: Contains local WXT Modules for your project public/: Contains any files you want to copy into the output folder as-is, without being processed by WXT utils/: Auto-imported by default, contains generic utilities used throughout your project .env: Contains Environment Variables .env.publish: Contains Environment Variables for publishing app.config.ts: Contains Runtime Config package.json: The standard file used by your package manager tsconfig.json: Config telling TypeScript how to behave web-ext.config.ts: Configure Browser Startup wxt.config.ts: The main config file for WXT projects