vuetify-nuxt-module 0.19.4 → 1.0.0-alpha.2

package/dist/runtime/plugins/date.js

@@ -1,8 +1,9 @@
-import { adapter, dateConfiguration, enabled, i18n } from "virtual:vuetify-date-configuration";
 import { useNuxtApp } from "#imports";
+import { adapter, dateConfiguration, enabled, i18n } from "virtual:vuetify-date-configuration";
 export function configureDate(vuetifyOptions) {
-  if (adapter === "custom" || !enabled)
+  if (adapter === "custom" || !enabled) {
     return;
+  }
   const dateOptions = dateConfiguration();
   if (i18n) {
     const locales = useNuxtApp().$i18n.locales.value;

package/dist/runtime/plugins/detect-browser.js

@@ -111,19 +111,23 @@ const operatingSystemRules = [
   ["OS/2", /OS\/2/]
 ];
 export function detect(userAgent) {
-  if (userAgent)
+  if (userAgent) {
     return parseUserAgent(userAgent);
-  if (typeof document === "undefined" && typeof navigator !== "undefined" && navigator.product === "ReactNative")
+  }
+  if (typeof document === "undefined" && typeof navigator !== "undefined" && navigator.product === "ReactNative") {
     return new ReactNativeInfo();
-  if (typeof navigator !== "undefined")
+  }
+  if (typeof navigator !== "undefined") {
     return parseUserAgent(navigator.userAgent);
+  }
   return getNodeVersion();
 }
 function matchUserAgent(ua) {
   return ua !== "" && userAgentRules.reduce(
     (matched, [browser, regex]) => {
-      if (matched)
+      if (matched) {
         return matched;
+      }
       const uaMatch = regex.exec(ua);
       return !!uaMatch && [browser, uaMatch];
     },
@@ -136,11 +140,13 @@ export function browserName(ua) {
 }
 export function parseUserAgent(ua) {
   const matchedRule = matchUserAgent(ua);
-  if (!matchedRule)
+  if (!matchedRule) {
     return null;
+  }
   const [name, match] = matchedRule;
-  if (name === "searchbot")
+  if (name === "searchbot") {
     return new BotInfo();
+  }
   let versionParts = match[1] && match[1].split(".").join("_").split("_").slice(0, 3);
   if (versionParts) {
     if (versionParts.length < REQUIRED_VERSION_PARTS) {
@@ -155,26 +161,29 @@ export function parseUserAgent(ua) {
   const version = versionParts.join(".");
   const os = detectOS(ua);
   const searchBotMatch = SEARCHBOT_OS_REGEX.exec(ua);
-  if (searchBotMatch && searchBotMatch[1])
+  if (searchBotMatch && searchBotMatch[1]) {
     return new SearchBotDeviceInfo(name, version, os, searchBotMatch[1]);
+  }
   return new BrowserInfo(name, version, os);
 }
 export function detectOS(ua) {
   for (let ii = 0, count = operatingSystemRules.length; ii < count; ii++) {
     const [os, regex] = operatingSystemRules[ii];
     const match = regex.exec(ua);
-    if (match)
+    if (match) {
       return os;
+    }
   }
   return null;
 }
 export function getNodeVersion() {
-  const isNode = typeof process !== "undefined" && process.version;
+  const isNode = process !== void 0 && process.version;
   return isNode ? new NodeInfo(process.version.slice(1)) : null;
 }
 function createVersionParts(count) {
   const output = [];
-  for (let ii = 0; ii < count; ii++)
+  for (let ii = 0; ii < count; ii++) {
     output.push("0");
+  }
   return output;
 }

package/dist/runtime/plugins/i18n.js

@@ -1,6 +1,6 @@
+import { useNuxtApp } from "#imports";
 import { ref, toRef, watch } from "vue";
 import { useI18n } from "vue-i18n";
-import { useNuxtApp } from "#imports";
 function inferDecimalSeparator(n) {
   return n(0.1).includes(",") ? "," : ".";
 }
@@ -17,8 +17,9 @@ export function createAdapter(vuetifyOptions) {
     return acc;
   }, {});
   watch(currentLocale, (val, oldVal) => {
-    if (oldVal)
+    if (oldVal) {
       i18n.setLocale(val);
+    }
   }, { immediate: true, flush: "post" });
   nuxtApp.hook("i18n:localeSwitched", ({ newLocale }) => {
     currentLocale.value = newLocale;
@@ -31,7 +32,6 @@ export function createAdapter(vuetifyOptions) {
     t: (key, ...params) => i18n.t(key, params),
     n: i18n.n,
     provide: createProvideFunction({ current: currentLocale, fallback, messages }),
-    // @ts-expect-error available in vuetify 3.9
     decimalSeparator: toRef(() => inferDecimalSeparator(i18n.n))
   };
 }
@@ -47,8 +47,9 @@ function createProvideFunction(data) {
       inheritLocale: false
     });
     watch(currentLocale, (val, oldVal) => {
-      if (oldVal)
+      if (oldVal) {
         i18n.setLocale(val);
+      }
     }, { immediate: true, flush: "post" });
     const t = wrapI18n(i18n.t);
     const n = wrapI18n(i18n.n);
@@ -59,7 +60,6 @@ function createProvideFunction(data) {
       messages: data.messages,
       t,
       n,
-      // @ts-expect-error available in vuetify 3.9
       decimalSeparator: toRef(() => props.decimalSeparator ?? inferDecimalSeparator(n)),
       provide: createProvideFunction({ current: currentLocale, fallback: data.fallback, messages: data.messages })
     };

package/dist/runtime/plugins/icons.js

@@ -3,8 +3,9 @@ export function configureIcons(vuetifyOptions) {
   if (enabled) {
     const icons = iconsConfiguration();
     const custom = icons?.defaultSet === "custom";
-    if (custom)
+    if (custom) {
       return;
+    }
     vuetifyOptions.icons = icons;
   }
 }

package/dist/runtime/plugins/types.d.ts

@@ -25,5 +25,3 @@ declare module '#app' {
     $ssrClientHints: UnwrapNestedRefs<SSRClientHints>
   }
 }
-
-export {}

package/dist/runtime/plugins/vuetify-client-hints.client.d.ts

@@ -1,6 +1,6 @@
+import type { Plugin } from '#app';
 import type { UnwrapNestedRefs } from 'vue';
 import type { SSRClientHints } from './types.js';
-import type { Plugin } from '#app';
 declare const plugin: Plugin<{
     ssrClientHints: UnwrapNestedRefs<SSRClientHints>;
 }>;

package/dist/runtime/plugins/vuetify-client-hints.client.js

@@ -1,7 +1,7 @@
+import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
 import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
 import { reactive, ref, watch } from "vue";
 import { VuetifyHTTPClientHints } from "./client-hints.js";
-import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
 const plugin = defineNuxtPlugin({
   name: "vuetify:client-hints:client:plugin",
   order: -25,
@@ -37,12 +37,15 @@ const plugin = defineNuxtPlugin({
           window.location.reload();
         }
       }
-      if (prefersReducedMotion && prefersReducedMotionAvailable)
+      if (prefersReducedMotion && prefersReducedMotionAvailable) {
         window.location.reload();
-      if (viewportSize && viewportHeightAvailable)
+      }
+      if (viewportSize && viewportHeightAvailable) {
         window.location.reload();
-      if (viewportSize && viewportWidthAvailable)
+      }
+      if (viewportSize && viewportWidthAvailable) {
         window.location.reload();
+      }
     }
     nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
       if (viewportSize) {
@@ -106,11 +109,13 @@ function defaultClientValues() {
 }
 function useSSRClientHints() {
   const state = useState(VuetifyHTTPClientHints);
-  if (state.value)
+  if (state.value) {
     return state;
+  }
   const initial = ref(defaultClientValues());
-  if (!ssrClientHintsConfiguration.prefersColorScheme || !ssrClientHintsConfiguration.prefersColorSchemeOptions)
+  if (!ssrClientHintsConfiguration.prefersColorScheme || !ssrClientHintsConfiguration.prefersColorSchemeOptions) {
     return initial;
+  }
   const {
     baseUrl,
     cookieName,

package/dist/runtime/plugins/vuetify-client-hints.server.d.ts

@@ -1,6 +1,6 @@
+import type { Plugin } from '#app';
 import type { UnwrapNestedRefs } from 'vue';
 import type { SSRClientHints } from './types.js';
-import type { Plugin } from '#app';
 declare const plugin: Plugin<{
     ssrClientHints: UnwrapNestedRefs<SSRClientHints>;
 }>;

package/dist/runtime/plugins/vuetify-client-hints.server.js

@@ -1,10 +1,3 @@
-import { setResponseHeader } from "h3";
-import {
-  ssrClientHintsConfiguration
-} from "virtual:vuetify-ssr-client-hints-configuration";
-import { reactive } from "vue";
-import { parseUserAgent } from "./detect-browser.js";
-import { VuetifyHTTPClientHints } from "./client-hints.js";
 import {
   defineNuxtPlugin,
   useCookie,
@@ -13,6 +6,13 @@ import {
   useRequestHeaders,
   useState
 } from "#imports";
+import { setResponseHeader } from "h3";
+import {
+  ssrClientHintsConfiguration
+} from "virtual:vuetify-ssr-client-hints-configuration";
+import { reactive } from "vue";
+import { VuetifyHTTPClientHints } from "./client-hints.js";
+import { parseUserAgent } from "./detect-browser.js";
 const AcceptClientHintsHeaders = {
   prefersColorScheme: "Sec-CH-Prefers-Color-Scheme",
   prefersReducedMotion: "Sec-CH-Prefers-Reduced-Motion",
@@ -99,15 +99,17 @@ const allowedBrowsers = [
 ];
 const ClientHeaders = ["Accept-CH", "Vary", "Critical-CH"];
 function browserFeatureAvailable(userAgent, feature) {
-  if (userAgent == null || userAgent.type !== "browser")
+  if (userAgent == null || userAgent.type !== "browser") {
     return false;
+  }
   try {
     const browserName = userAgent.name;
     const android = userAgent.os?.toLowerCase().startsWith("android") ?? false;
     const versions = userAgent.version.split(".").map((v) => Number.parseInt(v));
     return allowedBrowsers.some(([name, check]) => {
-      if (browserName !== name)
+      if (browserName !== name) {
         return false;
+      }
       try {
         return check[feature](android, versions);
       } catch {
@@ -127,18 +129,22 @@ function lookupClientHints(userAgent, ssrClientHintsConfiguration2, headers) {
     viewportWidthAvailable: false,
     devicePixelRatioAvailable: false
   };
-  if (userAgent == null || userAgent.type !== "browser")
+  if (userAgent == null || userAgent.type !== "browser") {
     return features;
-  if (ssrClientHintsConfiguration2.prefersColorScheme)
+  }
+  if (ssrClientHintsConfiguration2.prefersColorScheme) {
     features.prefersColorSchemeAvailable = browserFeatureAvailable(userAgent, "prefersColorScheme");
-  if (ssrClientHintsConfiguration2.prefersReducedMotion)
+  }
+  if (ssrClientHintsConfiguration2.prefersReducedMotion) {
     features.prefersReducedMotionAvailable = browserFeatureAvailable(userAgent, "prefersReducedMotion");
+  }
   if (ssrClientHintsConfiguration2.viewportSize) {
     features.viewportHeightAvailable = browserFeatureAvailable(userAgent, "viewportHeight");
     features.viewportWidthAvailable = browserFeatureAvailable(userAgent, "viewportWidth");
     const mobileHeader = headers[SecChUaMobile];
-    if (mobileHeader === "?1")
+    if (mobileHeader === "?1") {
       features.devicePixelRatioAvailable = browserFeatureAvailable(userAgent, "devicePixelRatio");
+    }
   }
   return features;
 }
@@ -211,10 +217,12 @@ function collectClientHints(userAgent, ssrClientHintsConfiguration2, headers) {
       try {
         hints.devicePixelRatio = Number.parseFloat(header);
         if (!Number.isNaN(hints.devicePixelRatio) && hints.devicePixelRatio > 0) {
-          if (typeof hints.viewportWidth === "number")
+          if (typeof hints.viewportWidth === "number") {
             hints.viewportWidth = Math.round(hints.viewportWidth / hints.devicePixelRatio);
-          if (typeof hints.viewportHeight === "number")
+          }
+          if (typeof hints.viewportHeight === "number") {
             hints.viewportHeight = Math.round(hints.viewportHeight / hints.devicePixelRatio);
+          }
         }
       } catch {
       }
@@ -223,30 +231,34 @@ function collectClientHints(userAgent, ssrClientHintsConfiguration2, headers) {
   return hints;
 }
 function writeClientHintHeaders(key, headers) {
-  ClientHeaders.forEach((header) => {
-    headers[header] = (headers[header] ? headers[header] : []).concat(key);
-  });
+  for (const header of ClientHeaders) {
+    headers[header] = (headers[header] ?? []).concat(key);
+  }
 }
 function writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration2) {
   const headers = {};
-  if (ssrClientHintsConfiguration2.prefersColorScheme && clientHintsRequest.prefersColorSchemeAvailable)
+  if (ssrClientHintsConfiguration2.prefersColorScheme && clientHintsRequest.prefersColorSchemeAvailable) {
     writeClientHintHeaders(AcceptClientHintsHeaders.prefersColorScheme, headers);
-  if (ssrClientHintsConfiguration2.prefersReducedMotion && clientHintsRequest.prefersReducedMotionAvailable)
+  }
+  if (ssrClientHintsConfiguration2.prefersReducedMotion && clientHintsRequest.prefersReducedMotionAvailable) {
     writeClientHintHeaders(AcceptClientHintsHeaders.prefersReducedMotion, headers);
+  }
   if (ssrClientHintsConfiguration2.viewportSize && clientHintsRequest.viewportHeightAvailable && clientHintsRequest.viewportWidthAvailable) {
     writeClientHintHeaders(AcceptClientHintsHeaders.viewportHeight, headers);
     writeClientHintHeaders(AcceptClientHintsHeaders.viewportWidth, headers);
-    if (clientHintsRequest.devicePixelRatioAvailable)
+    if (clientHintsRequest.devicePixelRatioAvailable) {
       writeClientHintHeaders(AcceptClientHintsHeaders.devicePixelRatio, headers);
+    }
   }
-  if (Object.keys(headers).length === 0)
+  if (Object.keys(headers).length === 0) {
     return;
+  }
   const nuxtApp = useNuxtApp();
   const callback = () => {
     const event = useRequestEvent(nuxtApp);
-    Object.entries(headers).forEach(([key, value]) => {
+    for (const [key, value] of Object.entries(headers)) {
       setResponseHeader(event, key, value);
-    });
+    }
   };
   const unhook = nuxtApp.hooks.hookOnce("app:rendered", callback);
   nuxtApp.hooks.hookOnce("app:error", () => {
@@ -255,8 +267,9 @@ function writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfi
   });
 }
 function writeThemeCookie(clientHintsRequest, ssrClientHintsConfiguration2) {
-  if (!ssrClientHintsConfiguration2.prefersColorScheme || !ssrClientHintsConfiguration2.prefersColorSchemeOptions)
+  if (!ssrClientHintsConfiguration2.prefersColorScheme || !ssrClientHintsConfiguration2.prefersColorSchemeOptions) {
     return;
+  }
   const cookieName = ssrClientHintsConfiguration2.prefersColorSchemeOptions.cookieName;
   const themeName = clientHintsRequest.colorSchemeFromCookie ?? ssrClientHintsConfiguration2.prefersColorSchemeOptions.defaultTheme;
   const path = ssrClientHintsConfiguration2.prefersColorSchemeOptions.baseUrl;

package/dist/runtime/plugins/vuetify-date.js

@@ -1,5 +1,5 @@
-import { configureDate } from "./date.js";
 import { defineNuxtPlugin } from "#imports";
+import { configureDate } from "./date.js";
 export default defineNuxtPlugin({
   name: "vuetify:date:plugin",
   order: -25,

package/dist/runtime/plugins/vuetify-i18n-date.js

@@ -1,5 +1,5 @@
-import { configureDate } from "./date.js";
 import { defineNuxtPlugin } from "#imports";
+import { configureDate } from "./date.js";
 export default defineNuxtPlugin({
   name: "vuetify:date-i18n:plugin",
   order: -25,

package/dist/runtime/plugins/vuetify-i18n.js

@@ -1,5 +1,5 @@
-import { createAdapter } from "./i18n.js";
 import { defineNuxtPlugin } from "#imports";
+import { createAdapter } from "./i18n.js";
 export default defineNuxtPlugin({
   name: "vuetify:i18n:plugin",
   order: -25,

package/dist/runtime/plugins/vuetify-icons.js

@@ -1,5 +1,5 @@
-import { configureIcons } from "./icons.js";
 import { defineNuxtPlugin } from "#imports";
+import { configureIcons } from "./icons.js";
 export default defineNuxtPlugin({
   name: "vuetify:icons:plugin",
   order: -25,

package/dist/runtime/plugins/vuetify-no-client-hints.d.ts

@@ -1,6 +1,6 @@
+import type { Plugin } from '#app';
 import type { UnwrapNestedRefs } from 'vue';
 import type { SSRClientHints } from './types.js';
-import type { Plugin } from '#app';
 declare const plugin: Plugin<{
     ssrClientHints: UnwrapNestedRefs<SSRClientHints>;
 }>;

package/dist/runtime/plugins/vuetify-no-client-hints.js

@@ -1,5 +1,5 @@
-import { reactive } from "vue";
 import { defineNuxtPlugin } from "#imports";
+import { reactive } from "vue";
 const plugin = defineNuxtPlugin(() => {
   return {
     provide: reactive({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.19.4",
+  "version": "1.0.0-alpha.2",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -51,54 +51,49 @@
     "*.mjs"
   ],
   "dependencies": {
-    "@nuxt/kit": "^3.15.4 || ^4.0.0",
+    "@nuxt/kit": "^4.3.1",
     "defu": "^6.1.4",
-    "destr": "^2.0.3",
+    "destr": "^2.0.5",
     "local-pkg": "^1.1.2",
-    "pathe": "^1.1.2",
-    "perfect-debounce": "^1.0.0",
-    "semver": "^7.7.3",
-    "ufo": "^1.5.4",
-    "unconfig": "^0.6.1",
+    "pathe": "^2.0.3",
+    "perfect-debounce": "^2.1.0",
+    "semver": "^7.7.4",
+    "ufo": "^1.6.3",
+    "unconfig": "^7.5.0",
     "upath": "^2.0.1",
     "vite-plugin-vuetify": "^2.1.3",
-    "vuetify": "^3.7.0 || ^4.0.0-0"
+    "vuetify": "^4.0.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.43.1",
-    "@antfu/ni": "^0.22.4",
-    "@date-io/luxon": "^2.17.0",
-    "@fortawesome/fontawesome-svg-core": "^6.4.2",
-    "@fortawesome/free-solid-svg-icons": "^6.4.2",
-    "@fortawesome/vue-fontawesome": "^3.0.5",
-    "@iconify-json/carbon": "^1.1.37",
-    "@iconify-json/mdi": "^1.1.68",
+    "@antfu/eslint-config": "^7.6.1",
+    "@antfu/ni": "^28.2.0",
+    "@date-io/luxon": "^3.2.0",
+    "@fortawesome/fontawesome-svg-core": "^7.2.0",
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/vue-fontawesome": "^3.1.3",
+    "@iconify-json/carbon": "^1.2.19",
+    "@iconify-json/mdi": "^1.2.3",
     "@mdi/js": "^7.4.47",
     "@nuxt/devtools": "latest",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.13.1",
-    "@nuxtjs/i18n": "^8.0.0",
-    "@parcel/watcher": "^2.3.0",
-    "@types/node": "^18",
+    "@nuxt/schema": "^4.3.1",
+    "@nuxt/test-utils": "^4.0.0",
+    "@nuxtjs/i18n": "^10.2.3",
+    "@parcel/watcher": "^2.5.6",
+    "@types/node": "^25.3.3",
     "@types/semver": "^7.7.1",
-    "@unocss/nuxt": "^66.5.10",
-    "bumpp": "^9.2.0",
-    "eslint": "^8.54.0",
-    "luxon": "^3.4.3",
-    "nuxt": "^3.15.4",
-    "publint": "^0.2.10",
-    "rimraf": "^6.0.1",
-    "sass": "^1.77.8",
-    "typescript": "^5.5.4",
-    "vite": "6.4.1",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^2.1.10"
-  },
-  "resolutions": {
-    "@nuxt/kit": "3.15.4",
-    "vite": "6.4.1",
-    "vue": "3.4.31"
+    "@unocss/nuxt": "^66.6.2",
+    "bumpp": "^10.4.1",
+    "eslint": "^10.0.2",
+    "luxon": "^3.7.2",
+    "nuxt": "^4.3.1",
+    "publint": "^0.3.18",
+    "rimraf": "^6.1.3",
+    "sass": "^1.97.3",
+    "typescript": "^5.9.3",
+    "vite": "7.3.1",
+    "vitest": "^4.0.18",
+    "vue-tsc": "^3.2.5"
   },
   "build": {
     "externals": [
@@ -122,23 +117,23 @@
   },
   "stackblitz": {
     "installDependencies": false,
-    "startCommand": "node .stackblitz.js && pnpm install && nr prepack && nr dev:prepare && nr dev"
+    "startCommand": "node ../../.stackblitz.js && pnpm install && pnpm -C ../../ prepack && pnpm -C ../../ dev:prepare && pnpm -C ../../ dev"
   },
   "scripts": {
-    "dev": "nuxi dev playground",
-    "dev:multiple-json": "MULTIPLE_LANG_FILES=true nuxi dev playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "dev:prepare:multiple-json": "nuxt-module-build build --stub && nuxt-module-build prepare && MULTIPLE_LANG_FILES=true nuxi prepare playground",
-    "dev:build": "nuxi build playground",
-    "dev:generate": "nuxi generate playground",
-    "dev:build:multiple-json": "MULTIPLE_LANG_FILES=true nuxi build playground",
-    "dev:generate:multiple-json": "MULTIPLE_LANG_FILES=true nuxi generate playground",
-    "dev:preview": "nuxi preview playground",
-    "dev:prepare:date-io": "nuxt-module-build build --stub && nuxt-module-build prepare && pnpm nuxt prepare date-io-playground",
-    "dev:date-io": "nuxi dev date-io-playground",
-    "docs:dev": "pnpm -C docs run dev",
-    "docs:build": "nuxt-module-build prepare && pnpm -C docs run build",
-    "docs:serve": "pnpm -C docs run serve",
+    "dev": "pnpm -C ../../apps/playground dev",
+    "dev:multiple-json": "MULTIPLE_LANG_FILES=true pnpm -C ../../apps/playground dev",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare ../../apps/playground",
+    "dev:prepare:multiple-json": "nuxt-module-build build --stub && nuxt-module-build prepare && MULTIPLE_LANG_FILES=true nuxi prepare ../../apps/playground",
+    "dev:build": "pnpm -C ../../apps/playground build",
+    "dev:generate": "pnpm -C ../../apps/playground generate",
+    "dev:build:multiple-json": "MULTIPLE_LANG_FILES=true pnpm -C ../../apps/playground build",
+    "dev:generate:multiple-json": "MULTIPLE_LANG_FILES=true pnpm -C ../../apps/playground generate",
+    "dev:preview": "pnpm -C ../../apps/playground preview",
+    "dev:prepare:date-io": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare ../../apps/date-io-playground",
+    "dev:date-io": "pnpm -C ../../apps/date-io-playground dev",
+    "docs:dev": "pnpm -C ../../docs run dev",
+    "docs:build": "nuxt-module-build prepare && pnpm -C ../../docs run build",
+    "docs:serve": "pnpm -C ../../docs run serve",
     "lint": "eslint .",
     "lint:fix": "nr lint --fix",
     "publint": "publint",

package/README.md

@@ -1,95 +0,0 @@
-<div align="center">
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/vuetifyjs/nuxt-module/raw/main/hero-dark.svg" />
-  <img alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify" src='https://github.com/vuetifyjs/nuxt-module/raw/main/hero.svg' alt="vuetify-nuxt-module - Zero-config Nuxt Module for Vuetify"><br>
-</picture>
-<p>Zero-config Nuxt Module for Vuetify</p>
-</div>
-
-<p align='center'>
-<a href='https://www.npmjs.com/package/vuetify-nuxt-module' target="__blank">
-<img src='https://img.shields.io/npm/v/vuetify-nuxt-module?color=33A6B8&label=' alt="NPM version">
-</a>
-<a href="https://www.npmjs.com/package/vuetify-nuxt-module" target="__blank">
-    <img alt="NPM Downloads" src="https://img.shields.io/npm/dm/vuetify-nuxt-module?color=476582&label=">
-</a>
-<a href="https://nuxt.vuetifyjs.com/" target="__blank">
-    <img src="https://img.shields.io/static/v1?label=&message=docs%20%26%20guides&color=2e859c" alt="Docs & Guides">
-</a>
-<br>
-<a href="https://github.com/vuetifyjs/nuxt-module" target="__blank">
-<img alt="GitHub stars" src="https://img.shields.io/github/stars/userquin/vuetify-nuxt-module?style=social">
-</a>
-</p>
-
-<br>
-
-## 🚀 Features
-
-- 📖 [**Documentation & guides**](https://nuxt.vuetifyjs.com/)
-- 👌 **Zero-Config**: sensible built-in default [Vuetify](https://vuetifyjs.com/) configuration for common use cases
-- 🔌 **Extensible**: expose the ability to customize the Vuetify configuration via [Nuxt Runtime Hooks](https://nuxt.com/docs/guide/going-further/hooks#usage-with-plugins)
-- ⚡ **Fully Tree Shakable**: by default, only the needed Vuetify components are imported
-- 🛠️ **Versatile**: custom Vuetify [directives](https://vuetifyjs.com/en/getting-started/installation/#manual-steps) and [labs components](https://vuetifyjs.com/en/labs/introduction/) registration
-- ✨ **Configurable Styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/) 
-- 💥 **SSR**: automatic SSR detection and configuration including [HTTP Client hints](https://developer.mozilla.org/en-US/docs/Web/HTTP/Client_hints)
-- 🔩 **Nuxt Layers and Module Hooks**: load your Vuetify configuration using [Nuxt Layers](https://nuxt.com/docs/getting-started/layers#layers) or using a custom module via `vuetify:registerModule` [Nuxt Module Hook](https://nuxt.com/docs/guide/going-further/hooks#nuxt-hooks-build-time)
-- 📥 **Vuetify Configuration File**: configure your Vuetify options using a custom `vuetify.config` file, no dev server restart needed
-- 🔥 **Pure CSS Icons**: no more font/js icons, use the new `unocss-mdi` icon set or build your own with UnoCSS Preset Icons
-- 😃 **Icon Fonts**: configure the [icon font](https://vuetifyjs.com/en/features/icon-fonts/) you want to use, the module will automatically import it for you using CDN or local dependencies
-- 🎭 **SVG Icons**: ready to use [@mdi/js](https://www.npmjs.com/package/@mdi/js) and [@fortawesome/vue-fontawesome](https://www.npmjs.com/package/@fortawesome/vue-fontawesome) SVG icons packs
-- 📦 **Multiple Icon Sets**: register [multiple icon sets](https://vuetifyjs.com/en/features/icon-fonts/#multiple-icon-sets)
-- 🌍 **I18n Ready**: install [@nuxtjs/i18n](https://i18n.nuxtjs.org/) Nuxt module, and you're ready to use Vuetify [internationalization](https://vuetifyjs.com/en/features/internationalization/) features
-- 📆 **Date Components**: use Vuetify components [that require date functionality](https://vuetifyjs.com/en/features/dates/) installing and configuring one of the [@date-io](https://github.com/dmtrKovalenko/date-io#projects) adapters
-- 💬 **Auto-Import Vuetify Locale Messages**: add [Vuetify Locale Messages](https://vuetifyjs.com/en/features/internationalization/#getting-started) adding just the locales you want to use, no more imports needed
-- ⚙️ **Auto-Import Vuetify Composables**: you don't need to import Vuetify composables manually, they are automatically imported for you
-- 🎨 **Vuetify Blueprints**: use [Vuetify Blueprints](https://vuetifyjs.com/en/features/blueprints/) to quickly scaffold components
-- 👀 **Nuxt DevTools**: ready to inspect your Vuetify styles with the [Nuxt DevTools](https://github.com/nuxt/devtools) inspector
-- 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
-
-## 📦 Install
-
-> Requires Vite, will not work with Webpack
-
-```bash
-npx nuxi@latest module add vuetify-nuxt-module
-```
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/userquin/vuetify-nuxt-module)
-
-## 🦄 Usage
-
-> `vuetify-nuxt-module` is strongly opinionated and has a built-in default configuration out of the box. You can use it without any configuration, and it will work for most use cases.
-
-Add `vuetify-nuxt-module` module to `nuxt.config.ts` and configure it:
-
-```ts
-// Nuxt config file
-import { defineNuxtConfig } from 'nuxt/config'
-
-export default defineNuxtConfig({
-  modules: [
-    'vuetify-nuxt-module'
-  ],
-  vuetify: {
-    moduleOptions: {
-      /* module specific options */
-    },
-    vuetifyOptions: {
-      /* vuetify options */
-    }
-  }
-})
-```
-
-Read the [📖 documentation](https://nuxt.vuetifyjs.com/) for a complete guide on how to configure and use this module.
-
-## 👀 Full config
-
-Check out the [types](https://github.com/vuetifyjs/nuxt-module/blob/main/src/types.ts).
-
-The virtual modules can be found in [configuration.d.ts](https://github.com/vuetifyjs/nuxt-module/blob/main/configuration.d.ts) file.
-
-## 📄 License
-
-[MIT](https://github.com/vuetifyjs/nuxt-module/blob/main/LICENSE) License &copy; 2023-PRESENT [Joaquín Sánchez](https://github.com/userquin)