feat: add PostCSS for compatibility

NTUT-NPC · Sep 26, 2024 · a209f4c · a209f4c
1 parent 59131eb
commit a209f4c
Show file tree

Hide file tree

Showing 4 changed files with 171 additions and 119 deletions.
diff --git a/app/app.vue b/app/app.vue
@@ -136,7 +136,7 @@ const [mobileMenuOpen, toggleMobileMenu] = useToggle(false)
   <NuxtPage />
 </template>
 
-<style>
+<style lang="postcss">
 body {
   font-family: 'Cubic 11';
 }

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -10,4 +10,9 @@ export default defineNuxtConfig({
     'radix-vue/nuxt',
     'unplugin-icons/nuxt',
   ],
+  postcss: {
+    plugins: {
+      'postcss-nesting': {},
+    },
+  },
 })
diff --git a/package.json b/package.json
@@ -16,6 +16,8 @@
     "@vueuse/core": "11.0.3",
     "@vueuse/nuxt": "11.0.3",
     "nuxt": "3.13.1",
+    "postcss": "8.4.47",
+    "postcss-nesting": "13.0.0",
     "radix-vue": "1.9.5",
     "unplugin-icons": "0.19.3",
     "vue": "3.5.2",