🐛 (windi) switch back to main.css as latest Windi fixed it :)

src/defaultTheme/components/organisms/app/AppLayout.vue

@@ -35,43 +35,3 @@ export default defineComponent({
   }
 })
 </script>
-
-<style lang="postcss">
-:root {
-  --header-height: theme('spacing.14');
-  --docs-scroll-margin-block: calc(var(--header-height) + 4rem);
-  --blogpost-scroll-margin-block: calc(var(--header-height));
-}
-
-@screen md {
-  :root {
-    --header-height: theme('spacing.18');
-    --blogpost-scroll-margin-block: calc(var(--header-height) - 0.5rem);
-  }
-}
-
-@screen xl {
-  :root {
-    --docs-scroll-margin-block: calc(var(--header-height) + 1rem);
-  }
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 200ms linear;
-}
-.fade-enter,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.slide-from-left-to-left-enter-active,
-.slide-from-left-to-left-leave-active {
-  transition: transform 200ms ease-out, opacity 200ms linear;
-}
-.slide-from-left-to-left-enter,
-.slide-from-left-to-left-leave-to {
-  opacity: 0;
-  transform: translate3d(-50px, 0, 0);
-}
-</style>

src/defaultTheme/css/main.css

@@ -0,0 +1,37 @@
+:root {
+  --header-height: theme('spacing.14');
+  --docs-scroll-margin-block: calc(var(--header-height) + 4rem);
+  --blogpost-scroll-margin-block: calc(var(--header-height));
+}
+
+@screen md {
+  :root {
+    --header-height: theme('spacing.18');
+    --blogpost-scroll-margin-block: calc(var(--header-height) - 0.5rem);
+  }
+}
+
+@screen xl {
+  :root {
+    --docs-scroll-margin-block: calc(var(--header-height) + 1rem);
+  }
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 200ms linear;
+}
+.fade-enter,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.slide-from-left-to-left-enter-active,
+.slide-from-left-to-left-leave-active {
+  transition: transform 200ms ease-out, opacity 200ms linear;
+}
+.slide-from-left-to-left-enter,
+.slide-from-left-to-left-leave-to {
+  opacity: 0;
+  transform: translate3d(-50px, 0, 0);
+}

src/defaultTheme/index.ts

@@ -1,7 +1,7 @@
 import { resolve } from 'path'
 import { nuxtConfig } from 'nuxt-extend'
 import type { NuxtConfig } from '@nuxt/types'
-import themeSetupModule, { readyHook, beforeBuildHook } from './module'
+import themeSetupModule, { beforeBuildHook } from './module'
 
 const r = (...args: string[]) => resolve(__dirname, ...args)
 
@@ -24,7 +24,7 @@ const themeConfig: NuxtConfig = nuxtConfig({
   colorMode: {
     classSuffix: ''
   },
-  css: [r('./css/prism.css')],
+  css: [r('./css/main.css'), r('./css/prism.css')],
   components: [
     /**
      * Atoms
@@ -108,7 +108,6 @@ const themeConfig: NuxtConfig = nuxtConfig({
   plugins: [r('./plugins/menu')],
   modules: [themeSetupModule, 'nuxt-windicss', '@nuxtjs/color-mode'],
   hooks: {
-    ready: readyHook,
     build: {
       before: beforeBuildHook
     }