chore: update configuration and docs

docs/.vitepress/config.ts

@@ -162,7 +162,10 @@ export default withPwa(defineConfig({
   },
   vite: {
     logLevel: 'info',
-    plugins: [llmstxt()],
+    // @ts-ignore wrong types?
+    plugins: [llmstxt({
+      title: 'Vuetify Nuxt Module documentation',
+    })],
   },
   pwa,
   buildEnd,

docs/.vitepress/pwa.ts

@@ -19,23 +19,23 @@ export const pwa = {
     categories: ['development', 'developer tools'],
     icons: [
       {
-        src: 'pwa-64x64.png',
+        src: '/pwa-64x64.png',
         sizes: '64x64',
         type: 'image/png',
       },
       {
-        src: 'pwa-192x192.png',
+        src: '/pwa-192x192.png',
         sizes: '192x192',
         type: 'image/png',
       },
       {
-        src: 'pwa-512x512.png',
+        src: '/pwa-512x512.png',
         sizes: '512x512',
         type: 'image/png',
         purpose: 'any',
       },
       {
-        src: 'maskable-icon.png',
+        src: '/maskable-icon.png',
         sizes: '512x512',
         type: 'image/png',
         purpose: 'maskable',
@@ -49,17 +49,24 @@ export const pwa = {
       preferred_width: 480,
     },
     screenshots: [{
-      src: 'og-image.png',
+      src: '/og-image.webp',
       sizes: '1200x600',
-      type: 'image/png',
+      type: 'image/webp',
+      form_factor: 'wide',
+      label: 'Screenshot of the Vuetify Nuxt Module home page in dark mode',
+    }, {
+      src: '/og-image-narrow.webp',
+      sizes: '396x692',
+      type: 'image/webp',
+      form_factor: 'narrow',
       label: 'Screenshot of the Vuetify Nuxt Module home page in dark mode',
     }],
   },
   experimental: {
     includeAllowlist: true,
   },
   workbox: {
-    globPatterns: ['**/*.{css,js,html,svg,png,ico,txt,woff2,json}'],
+    globPatterns: ['**/*.{css,js,html,svg,webp,png,ico,txt,woff2,json}'],
     runtimeCaching: [
       {
         urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,

docs/.vitepress/sitemap.ts

@@ -1,4 +1,4 @@
-import type { SiteConfig, TransformContext } from 'vitepress/dist/node'
+import type { SiteConfig, TransformContext } from 'vitepress'
 import { createWriteStream } from 'node:fs'
 import { writeFile } from 'node:fs/promises'
 import { resolve } from 'node:path'

docs/.vitepress/theme/VuetifyLayout.vue

@@ -38,6 +38,7 @@
       {
         duration: 300,
         easing: 'ease-in',
+        fill: 'forwards',
         pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`,
       },
     )

docs/package.json

@@ -24,6 +24,7 @@
     "vite-plugin-pwa": "catalog:",
     "vitepress": "catalog:",
     "vitepress-plugin-llms": "catalog:",
+    "workbox-build": "catalog:",
     "workbox-window": "catalog:"
   }
 }

docs/tsconfig.json

@@ -4,7 +4,7 @@
     "lib": ["DOM", "ESNext"],
     "jsx": "preserve",
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "Bundler",
     "baseUrl": ".",
     "types": [
       "vite/client",
@@ -21,7 +21,8 @@
   },
   "include": [
     "./*.ts",
-    "./.vitepress/**/*.ts"
+    "./.vitepress/**/*.ts",
+    "./.vitepress/**/*.vue",
   ],
   "exclude": ["dist", "node_modules"]
 }

eslint.config.ts

@@ -1,3 +1,4 @@
+// @ts-ignore
 import vuetify from 'eslint-config-vuetify'
 
 export default vuetify({

nginx.conf

@@ -30,6 +30,11 @@ http {
       add_header Cache-Control 'public, immutable, max-age=31536000, stale-if-error=604800';
     }
 
+    location = /manifest.webmanifest {
+      default_type application/manifest+json;
+      add_header Cache-Control 'public, max-age=0, s-maxage=60, must-revalidate';
+    }
+
     location = /service-worker.js {
       add_header Cache-Control 'public, max-age=0, s-maxage=60, must-revalidate';
     }

package.json

@@ -30,5 +30,11 @@
     "bumpp": "catalog:",
     "eslint": "catalog:",
     "eslint-config-vuetify": "catalog:"
+  },
+  "pnpm": {
+    "overrides": {
+      "vitepress": "catalog:",
+      "@vite-pwa/vitepress>vitepress": "catalog:"
+    }
   }
 }