vuetify-nuxt-module 0.5.15 → 0.6.0

package/dist/module.d.ts

@@ -250,7 +250,7 @@ interface MOptions {
      *
      * @default true
      */
-    includeTransformAssetsUrls?: boolean;
+    includeTransformAssetsUrls?: boolean | Record<string, string[]>;
     /**
      * Vuetify SSR client hints.
      *

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.5.15"
+  "version": "0.6.0"
 }

package/dist/module.mjs

@@ -12,7 +12,7 @@ import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
 import { isAbsolute, join, relative } from 'pathe';
 import { normalizePath as normalizePath$1 } from 'vite';
 
-const version = "0.5.15";
+const version = "0.6.0";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
 const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
@@ -670,6 +670,59 @@ function toKebabCase(str = "") {
   return kebab;
 }
 toKebabCase.cache = /* @__PURE__ */ new Map();
+function camelize(str) {
+  if (camelize.cache.has(str))
+    return camelize.cache.get(str);
+  const camel = str.replace(/-([a-z0-9])/g, (g) => g[1].toUpperCase());
+  camelize.cache.set(str, camel);
+  return camel;
+}
+camelize.cache = /* @__PURE__ */ new Map();
+function pascalize(str) {
+  if (pascalize.cache.has(str))
+    return pascalize.cache.get(str);
+  let pascal = camelize(str);
+  pascal = pascal.slice(0, 1).toUpperCase() + pascal.slice(1);
+  pascalize.cache.set(str, pascal);
+  return pascal;
+}
+pascalize.cache = /* @__PURE__ */ new Map();
+function normalizeTransformAssetUrls(transformAssetUrls) {
+  const names = new Set(Object.keys(transformAssetUrls));
+  let kebab;
+  let pascal;
+  for (const name of names) {
+    transformAssetUrls[name] = normalizeTransformAssetUrlsAttrs(transformAssetUrls[name]);
+    kebab = toKebabCase(name);
+    pascal = pascalize(name);
+    if (!names.has(kebab))
+      transformAssetUrls[kebab] = [...transformAssetUrls[name]];
+    if (!names.has(pascal))
+      transformAssetUrls[pascal] = [...transformAssetUrls[name]];
+  }
+  return transformAssetUrls;
+}
+function normalizeTransformAssetUrlsAttrs(attrs) {
+  const result = /* @__PURE__ */ new Set();
+  let kebab;
+  let camel;
+  let bind;
+  let idx;
+  for (const attr of attrs) {
+    result.add(attr);
+    idx = attr.indexOf(":");
+    if (idx > 0)
+      continue;
+    bind = idx === 0;
+    kebab = toKebabCase(bind ? attr.slice(1) : attr);
+    camel = camelize(bind ? attr.slice(1) : attr);
+    result.add(kebab);
+    result.add(camel);
+    result.add(`:${kebab}`);
+    result.add(`:${camel}`);
+  }
+  return [...result];
+}
 
 function vuetifyConfigurationPlugin(ctx) {
   return {
@@ -1185,7 +1238,9 @@ function configureNuxt(configKey, nuxt, ctx) {
   if (includeTransformAssetsUrls && typeof nuxt.options.vite.vue?.template?.transformAssetUrls === "undefined") {
     (_b = nuxt.options.vite).vue ?? (_b.vue = {});
     (_c = nuxt.options.vite.vue).template ?? (_c.template = {});
-    nuxt.options.vite.vue.template.transformAssetUrls = transformAssetUrls;
+    nuxt.options.vite.vue.template.transformAssetUrls = normalizeTransformAssetUrls(
+      typeof includeTransformAssetsUrls === "object" ? defu(includeTransformAssetsUrls, transformAssetUrls) : transformAssetUrls
+    );
   }
   extendWebpackConfig(() => {
     throw new Error("Webpack is not supported: vuetify-nuxt-module module can only be used with Vite!");

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

@@ -5,7 +5,7 @@ export interface ClientHintRequestFeatures {
     viewportHeightAvailable: boolean;
     viewportWidthAvailable: boolean;
 }
-export interface ClientHintsRequest extends ClientHintRequestFeatures {
+export interface SSRClientHints extends ClientHintRequestFeatures {
     prefersColorScheme?: 'dark' | 'light' | 'no-preference';
     prefersReducedMotion?: 'no-preference' | 'reduce';
     viewportHeight?: number;
@@ -13,7 +13,4 @@ export interface ClientHintsRequest extends ClientHintRequestFeatures {
     colorSchemeFromCookie?: string;
     colorSchemeCookie?: string;
 }
-export interface SSRClientHints {
-    ssrClientHints: ClientHintsRequest;
-}
 export declare const VuetifyHTTPClientHints = "vuetify:nuxt:ssr-client-hints";

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

@@ -10,7 +10,7 @@ export default defineNuxtPlugin((nuxtApp) => {
     prefersReducedMotionAvailable,
     viewportHeightAvailable,
     viewportWidthAvailable
-  } = state.value.ssrClientHints;
+  } = state.value;
   const {
     reloadOnFirstRequest,
     viewportSize,
@@ -20,12 +20,12 @@ export default defineNuxtPlugin((nuxtApp) => {
   } = ssrClientHintsConfiguration;
   if (firstRequest && reloadOnFirstRequest) {
     if (prefersColorScheme) {
-      const themeCookie = state.value.ssrClientHints.colorSchemeCookie;
+      const themeCookie = state.value.colorSchemeCookie;
       if (prefersColorSchemeOptions && themeCookie) {
         const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
         const cookieName = prefersColorSchemeOptions.cookieName;
         const parseCookieName = `${cookieName}=`;
-        const cookieEntry = `${parseCookieName}${state.value.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+        const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
         const newThemeName = prefersDark ? prefersColorSchemeOptions.darkThemeName : prefersColorSchemeOptions.lightThemeName;
         document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
         window.location.reload();
@@ -43,24 +43,24 @@ export default defineNuxtPlugin((nuxtApp) => {
   if (viewportSize || prefersColorScheme && prefersColorSchemeOptions) {
     nuxtApp.hook("vuetify:before-create", ({ vuetifyOptions }) => {
       if (viewportSize) {
-        const clientWidth = state.value.ssrClientHints.viewportWidth;
-        const clientHeight = state.value.ssrClientHints.viewportHeight;
+        const clientWidth = state.value.viewportWidth;
+        const clientHeight = state.value.viewportHeight;
         vuetifyOptions.ssr = typeof clientWidth === "number" ? {
           clientWidth,
           clientHeight
         } : true;
       }
       if (prefersColorScheme && prefersColorSchemeOptions)
-        vuetifyOptions.theme.defaultTheme = state.value.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
+        vuetifyOptions.theme.defaultTheme = state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme;
     });
     if (prefersColorScheme && prefersColorSchemeOptions) {
-      const themeCookie = state.value.ssrClientHints.colorSchemeCookie;
+      const themeCookie = state.value.colorSchemeCookie;
       if (themeCookie) {
         nuxtApp.hook("app:beforeMount", () => {
           const vuetify = useNuxtApp().$vuetify;
           const cookieName = prefersColorSchemeOptions.cookieName;
           const parseCookieName = `${cookieName}=`;
-          const cookieEntry = `${parseCookieName}${state.value.ssrClientHints.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
+          const cookieEntry = `${parseCookieName}${state.value.colorSchemeFromCookie ?? prefersColorSchemeOptions.defaultTheme};`;
           watch(vuetify.theme.global.name, (newThemeName) => {
             document.cookie = themeCookie.replace(cookieEntry, `${cookieName}=${newThemeName};`);
           });

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

@@ -21,10 +21,8 @@ export default defineNuxtPlugin((nuxtApp) => {
   const userAgent = userAgentHeader ? parseUserAgent(userAgentHeader) : null;
   const clientHintsRequest = collectClientHints(userAgent, ssrClientHintsConfiguration, requestHeaders);
   writeClientHintsResponseHeaders(clientHintsRequest, ssrClientHintsConfiguration, response);
-  state.value = {
-    ssrClientHints: clientHintsRequest
-  };
-  state.value.ssrClientHints.colorSchemeCookie = writeThemeCookie(
+  state.value = clientHintsRequest;
+  state.value.colorSchemeCookie = writeThemeCookie(
     clientHintsRequest,
     ssrClientHintsConfiguration
   );

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.5.15",
-  "packageManager": "pnpm@8.9.0",
+  "version": "0.6.0",
+  "packageManager": "pnpm@8.9.2",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",