docs(deps): update @nuxt/ui-pro

Author: benjamincanac

docs/app/app.vue

@@ -59,37 +59,3 @@ provide('navigation', navigation)
     </ClientOnly>
   </UApp>
 </template>
-
-<style>
-@import "tailwindcss";
-@import "@nuxt/ui-pro";
-
-@source "../content/**/*";
-
-@theme {
-  --font-sans: 'Public Sans', sans-serif;
-
-  --color-green-50: #EFFDF5;
-  --color-green-100: #D9FBE8;
-  --color-green-200: #B3F5D1;
-  --color-green-300: #75EDAE;
-  --color-green-400: #00DC82;
-  --color-green-500: #00C16A;
-  --color-green-600: #00A155;
-  --color-green-700: #007F45;
-  --color-green-800: #016538;
-  --color-green-900: #0A5331;
-  --color-green-950: #052E16;
-}
-
-:root {
-  --ui-container: 80rem;
-}
-
-.dark {
-  --ui-bg: var(--ui-color-neutral-950);
-  --ui-bg-muted: var(--ui-color-neutral-900);
-  --ui-bg-elevated: var(--ui-color-neutral-900);
-  --ui-bg-accented: var(--ui-color-neutral-800);
-}
-</style>

docs/app/assets/css/main.css

@@ -0,0 +1,31 @@
+@import "tailwindcss";
+@import "@nuxt/ui-pro";
+
+@source "../../../content";
+
+@theme {
+  --font-sans: 'Public Sans', sans-serif;
+
+  --color-green-50: #EFFDF5;
+  --color-green-100: #D9FBE8;
+  --color-green-200: #B3F5D1;
+  --color-green-300: #75EDAE;
+  --color-green-400: #00DC82;
+  --color-green-500: #00C16A;
+  --color-green-600: #00A155;
+  --color-green-700: #007F45;
+  --color-green-800: #016538;
+  --color-green-900: #0A5331;
+  --color-green-950: #052E16;
+}
+
+:root {
+  --ui-container: 80rem;
+}
+
+.dark {
+  --ui-bg: var(--ui-color-neutral-950);
+  --ui-bg-muted: var(--ui-color-neutral-900);
+  --ui-bg-elevated: var(--ui-color-neutral-900);
+  --ui-bg-accented: var(--ui-color-neutral-800);
+}

docs/app/components/AppHeader.vue

@@ -78,7 +78,7 @@ const linksWithoutIcon = computed(() => links.value.map(({ icon, ...link }) => l
       />
     </template>
 
-    <template #content>
+    <template #body>
       <UNavigationMenu
         orientation="vertical"
         :items="links"

docs/nuxt.config.ts

@@ -21,6 +21,10 @@ export default defineNuxtConfig({
     },
   },
 
+  css: [
+    '~/assets/css/main.css',
+  ],
+
   site: {
     url: 'https://content.nuxt.com',
   },

docs/package.json

@@ -8,7 +8,7 @@
     "@iconify-json/vscode-icons": "^1.2.11",
     "@nuxt/content": "latest",
     "@nuxt/image": "^1.9.0",
-    "@nuxt/ui-pro": "3.0.0-alpha.12",
+    "@nuxt/ui-pro": "3.0.0-alpha.13",
     "@nuxthub/core": "^0.8.15",
     "@nuxtjs/plausible": "^1.2.0",
     "@octokit/rest": "^21.1.0",

playground/package.json

@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@nuxt/content": "latest",
-    "@nuxt/ui-pro": "3.0.0-alpha.12",
+    "@nuxt/ui-pro": "3.0.0-alpha.13",
     "@nuxthub/core": "^0.8.15",
     "nuxt": "^3.15.4",
     "remark-code-import": "latest",