Fix Linting and Upgrade PNPM

Author: connorwinston

app/components/header/HeaderSlideover.vue

@@ -128,7 +128,10 @@ const navItems = computed(() => {
 								<!-- Label -->
 								<span class="nav-label">
 									{{ item.label }}
-									<Icon v-if="item.href" name="material-symbols:open-in-new-rounded" />
+									<Icon
+										v-if="item.href"
+										name="material-symbols:open-in-new-rounded"
+									/>
 								</span>
 							</NuxtLink>
 						</li>

nuxt.config.ts

@@ -2,8 +2,6 @@ import { resolve } from 'path';
 import { buildPages } from './server/remoteContent';
 
 export default defineNuxtConfig({
-	compatibilityDate: '2024-04-03',
-	devtools: { enabled: true },
 	modules: [
 		'@nuxt/eslint',
 		'@vueuse/nuxt',
@@ -14,25 +12,20 @@ export default defineNuxtConfig({
 		'@nuxtjs/seo',
 		'@nuxtjs/color-mode',
 	],
-	runtimeConfig: {
-		public: {
-			INKEEP_API_KEY: '',
-			INKEEP_INTEGRATION_ID: '',
-			INKEEP_ORGANIZATION_ID: '',
-			NEWSLETTER_URL: '',
-			PRODUCT_DIRECTUS_URL: '',
-		},
-	},
-	typescript: {
-		// typeCheck: true,
+	devtools: { enabled: true },
+	css: ['~/assets/css/main.scss'],
+	vue: {
+		runtimeCompiler: true,
 	},
-	routeRules: {
-		'/**': { prerender: true },
+	site: {
+		name: 'Directus Docs',
 	},
-	hooks: {
-		async ready() {
-			await buildPages(__dirname);
-		},
+	colorMode: {
+		preference: 'system',
+		fallback: 'light',
+		storage: 'localStorage',
+		storageKey: 'nuxt-color-mode',
+		classSuffix: '',
 	},
 	content: {
 		highlight: {
@@ -74,12 +67,35 @@ export default defineNuxtConfig({
 			fields: ['root', 'tags', 'additional_paths', 'expandable'],
 		},
 	},
-	colorMode: {
-		preference: 'system',
-		fallback: 'light',
-		storage: 'localStorage',
-		storageKey: 'nuxt-color-mode',
-		classSuffix: '',
+	runtimeConfig: {
+		public: {
+			INKEEP_API_KEY: '',
+			INKEEP_INTEGRATION_ID: '',
+			INKEEP_ORGANIZATION_ID: '',
+			NEWSLETTER_URL: '',
+			PRODUCT_DIRECTUS_URL: '',
+		},
+	},
+	routeRules: {
+		'/**': { prerender: true },
+	},
+	future: {
+		compatibilityVersion: 4,
+	},
+	compatibilityDate: '2024-04-03',
+	nitro: {
+		prerender: {
+			routes: ['/', '/api'],
+			crawlLinks: false,
+		},
+	},
+	typescript: {
+		// typeCheck: true,
+	},
+	hooks: {
+		async ready() {
+			await buildPages(__dirname);
+		},
 	},
 	eslint: {
 		config: {
@@ -89,20 +105,6 @@ export default defineNuxtConfig({
 			},
 		},
 	},
-	site: {
-		name: 'Directus Docs',
-	},
-	future: {
-		compatibilityVersion: 4,
-	},
-	schemaOrg: {
-		identity: {
-			type: 'Organization',
-			name: 'Directus',
-			url: 'https://directus.io',
-			logo: 'https://directus.io/images/logo-dark.svg',
-		},
-	},
 	icon: {
 		customCollections: [
 			{
@@ -115,21 +117,19 @@ export default defineNuxtConfig({
 			},
 		],
 	},
+	schemaOrg: {
+		identity: {
+			type: 'Organization',
+			name: 'Directus',
+			url: 'https://directus.io',
+			logo: 'https://directus.io/images/logo-dark.svg',
+		},
+	},
 	security: {
 		rateLimiter: false,
 		headers: {
 			crossOriginEmbedderPolicy:
         process.env.NODE_ENV === 'development' ? 'unsafe-none' : 'require-corp',
 		},
 	},
-	css: ['~/assets/css/main.scss'],
-	vue: {
-		runtimeCompiler: true,
-	},
-	nitro: {
-		prerender: {
-			routes: ['/', '/api'],
-			crawlLinks: false,
-		},
-	},
 });

package.json

@@ -51,9 +51,9 @@
         "typescript": "^5.6.3",
         "vue-tsc": "^2.1.6"
     },
-    "packageManager": "pnpm@9.10.0",
+    "packageManager": "pnpm@9.12.1",
     "engines": {
         "node": ">=20.17.0",
-        "pnpm": ">=9.10.0"
+        "pnpm": ">=9.12.1"
     }
 }