improve css loading for content-iframe

src/content-script/iframe/index.scss

@@ -0,0 +1,6 @@
+// @config "./tailwind.config.cjs"; // To isolate the styles of the source website and chrome plugin
+@import "../../assets/base";
+
+.body {
+  @apply w-full h-full;
+}

src/content-script/iframe/index.ts

@@ -18,7 +18,7 @@ const router = createRouter({
 
 createApp(App).use(router).mount('#app')
 
-console.log(router.getRoutes())
+// console.log(router.getRoutes())
 
 self.onerror = function (message, source, lineno, colno, error) {
   console.info(

src/content-script/iframe/pages/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="text-red font-bold text-xl">Cotnent Script Iframe</div>
+  <div>
+    <h1 class="text-red-800 font-bold text-xl">Content Script Iframe</h1>
+    <button class="btn btn-primary">Sample Daisy UI Button</button>
+  </div>
 </template>
 
 <script setup lang="ts"></script>

src/content-script/iframe/tailwind.config.cjs

@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  important: 'crx-iframe',
+  content: ['./src/**/*.{index,vue,js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  plugins: [
+    'prettier-plugin-tailwindcss',
+    require('@tailwindcss/typography'),
+    require('@tailwindcss/forms'),
+    require('daisyui'),
+  ],
+  // corePlugins: {
+  //   preflight: false, // Disable this configuration option to prevent Tailwind from interfering with the styles of the source website
+  // },
+  // prefix: 'tw-',
+}

src/options/index.ts

@@ -19,7 +19,7 @@ const router = createRouter({
 
 createApp(App).use(router).use(createPinia()).mount('#app')
 
-console.log(router.getRoutes())
+// console.log(router.getRoutes())
 
 self.onerror = function (message, source, lineno, colno, error) {
   console.info(

src/popup/index.ts

@@ -19,7 +19,7 @@ const router = createRouter({
 
 createApp(App).use(router).use(createPinia()).mount('#app')
 
-console.log(router.getRoutes())
+// console.log(router.getRoutes())
 
 self.onerror = function (message, source, lineno, colno, error) {
   console.info(

src/setup/index.ts

@@ -41,7 +41,7 @@ app.provide('setupType', { setupType } as ISetup)
 
 app.use(router).mount('#app')
 
-console.log(router.getRoutes())
+// console.log(router.getRoutes())
 
 self.onerror = function (message, source, lineno, colno, error) {
   console.info(