vuetify-nuxt-module 0.16.1 → 0.17.0

package/dist/module.d.mts

@@ -247,6 +247,20 @@ interface MOptions {
     styles?: true | 'none' | 'sass' | {
         configFile: string;
     };
+    /**
+     * Disable the modern SASS compiler and API.
+     *
+     * The module will check for `sass-embedded` dev dependency:
+     * - if `disableModernSassCompiler` is enabled, the module will configure the legacy SASS compiler.
+     * - if `sass-embedded` dependency is installed, the module will configure the modern SASS compiler.
+     * - otherwise, the module will configure the modern SASS API and will enable [preprocessorMaxWorkers](https://vitejs.dev/config/shared-options.html#css-preprocessormaxworkers), only if not configured from user land.
+     *
+     * @https://vitejs.dev/config/shared-options.html#css-preprocessoroptions
+     * @see https://vitejs.dev/config/shared-options.html#css-preprocessormaxworkers
+     *
+     * @default false
+     */
+    disableModernSassCompiler?: boolean;
     /**
      * Add Vuetify Vite Plugin `transformAssetsUrls`?
      *

package/dist/module.d.ts

@@ -247,6 +247,20 @@ interface MOptions {
     styles?: true | 'none' | 'sass' | {
         configFile: string;
     };
+    /**
+     * Disable the modern SASS compiler and API.
+     *
+     * The module will check for `sass-embedded` dev dependency:
+     * - if `disableModernSassCompiler` is enabled, the module will configure the legacy SASS compiler.
+     * - if `sass-embedded` dependency is installed, the module will configure the modern SASS compiler.
+     * - otherwise, the module will configure the modern SASS API and will enable [preprocessorMaxWorkers](https://vitejs.dev/config/shared-options.html#css-preprocessormaxworkers), only if not configured from user land.
+     *
+     * @https://vitejs.dev/config/shared-options.html#css-preprocessoroptions
+     * @see https://vitejs.dev/config/shared-options.html#css-preprocessormaxworkers
+     *
+     * @default false
+     */
+    disableModernSassCompiler?: boolean;
     /**
      * Add Vuetify Vite Plugin `transformAssetsUrls`?
      *

package/dist/module.json

@@ -5,5 +5,9 @@
     "nuxt": ">=3.9.0",
     "bridge": false
   },
-  "version": "0.16.1"
+  "version": "0.17.0",
+  "builder": {
+    "@nuxt/module-builder": "0.8.3",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/module.mjs

@@ -14,16 +14,16 @@ import { pathToFileURL } from 'node:url';
 import { parseQuery, parseURL } from 'ufo';
 import destr from 'destr';
 
-const version = "0.16.1";
+const version = "0.17.0";
 
 const VIRTUAL_VUETIFY_CONFIGURATION = "virtual:vuetify-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_CONFIGURATION.slice("virtual:".length)}`;
+const RESOLVED_VIRTUAL_VUETIFY_CONFIGURATION = `\0${VIRTUAL_VUETIFY_CONFIGURATION}`;
 const VIRTUAL_VUETIFY_DATE_CONFIGURATION = "virtual:vuetify-date-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_DATE_CONFIGURATION.slice("virtual:".length)}`;
+const RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION = `\0${VIRTUAL_VUETIFY_DATE_CONFIGURATION}`;
 const VIRTUAL_VUETIFY_ICONS_CONFIGURATION = "virtual:vuetify-icons-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_ICONS_CONFIGURATION.slice("virtual:".length)}`;
+const RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION = `\0${VIRTUAL_VUETIFY_ICONS_CONFIGURATION}`;
 const VIRTUAL_VUETIFY_SSR_CLIENT_HINTS_CONFIGURATION = "virtual:vuetify-ssr-client-hints-configuration";
-const RESOLVED_VIRTUAL_VUETIFY_SSR_CLIENT_HINTS_CONFIGURATION = `/@nuxt-vuetify-configuration/${VIRTUAL_VUETIFY_SSR_CLIENT_HINTS_CONFIGURATION.slice("virtual:".length)}`;
+const RESOLVED_VIRTUAL_VUETIFY_SSR_CLIENT_HINTS_CONFIGURATION = `\0${VIRTUAL_VUETIFY_SSR_CLIENT_HINTS_CONFIGURATION}`;
 const RESOLVED_VIRTUAL_MODULES = [
   RESOLVED_VIRTUAL_VUETIFY_DATE_CONFIGURATION,
   RESOLVED_VIRTUAL_VUETIFY_ICONS_CONFIGURATION,
@@ -1215,6 +1215,19 @@ function configureVite(configKey, nuxt, ctx) {
       viteInlineConfig.vue.template ??= {};
       viteInlineConfig.vue.template.transformAssetUrls = transformAssetUrls;
     }
+    if (!ctx.moduleOptions.disableModernSassCompiler) {
+      viteInlineConfig.css ??= {};
+      viteInlineConfig.css.preprocessorOptions ??= {};
+      viteInlineConfig.css.preprocessorOptions.sass ??= {};
+      const sassEmbedded = isPackageExists("sass-embedded");
+      if (sassEmbedded) {
+        viteInlineConfig.css.preprocessorOptions.sass.api = "modern-compiler";
+      } else {
+        viteInlineConfig.css.preprocessorOptions.sass.api = "modern";
+        if (!("preprocessorMaxWorkers" in viteInlineConfig.css))
+          viteInlineConfig.css.preprocessorMaxWorkers = true;
+      }
+    }
     const vuetifyImportOptions = {};
     const ignoreDirectives = ctx.moduleOptions.ignoreDirectives;
     if (ignoreDirectives) {
@@ -1378,7 +1391,8 @@ const module = defineNuxtModule({
     moduleOptions: {
       importComposables: true,
       includeTransformAssetsUrls: true,
-      styles: true
+      styles: true,
+      disableModernSassCompiler: false
     }
   }),
   async setup(options, nuxt) {

package/dist/runtime/plugins/detect-browser.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 export type DetectedInfoType = 'browser' | 'node' | 'bot-device' | 'bot' | 'react-native';
 interface DetectedInfo<T extends DetectedInfoType, N extends string, O, V = null> {
     readonly type: T;

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

@@ -1,5 +1,5 @@
 import type { UnwrapNestedRefs } from 'vue';
-import type { SSRClientHints } from './types';
+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.mjs → vuetify-client-hints.client.js}

@@ -1,6 +1,6 @@
 import { ssrClientHintsConfiguration } from "virtual:vuetify-ssr-client-hints-configuration";
 import { reactive, ref, watch } from "vue";
-import { VuetifyHTTPClientHints } from "./client-hints.mjs";
+import { VuetifyHTTPClientHints } from "./client-hints.js";
 import { defineNuxtPlugin, useNuxtApp, useState } from "#imports";
 const plugin = defineNuxtPlugin({
   name: "vuetify:client-hints:client:plugin",

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

@@ -1,5 +1,5 @@
 import type { UnwrapNestedRefs } from 'vue';
-import type { SSRClientHints } from './types';
+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.mjs → vuetify-client-hints.server.js}

@@ -3,8 +3,8 @@ import {
   ssrClientHintsConfiguration
 } from "virtual:vuetify-ssr-client-hints-configuration";
 import { reactive } from "vue";
-import { parseUserAgent } from "./detect-browser.mjs";
-import { VuetifyHTTPClientHints } from "./client-hints.mjs";
+import { parseUserAgent } from "./detect-browser.js";
+import { VuetifyHTTPClientHints } from "./client-hints.js";
 import {
   defineNuxtPlugin,
   useCookie,

package/dist/runtime/plugins/{vuetify-date.mjs → vuetify-date.js}

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

package/dist/runtime/plugins/{vuetify-i18n-date.mjs → vuetify-i18n-date.js}

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

package/dist/runtime/plugins/{vuetify-i18n.mjs → vuetify-i18n.js}

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

package/dist/runtime/plugins/{vuetify-icons.mjs → vuetify-icons.js}

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

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

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

package/dist/types.d.mts

@@ -1,21 +1,15 @@
-
-import type { ModuleOptions, ModuleHooks, ModuleRuntimeHooks } from './module.js'
+import type { ModuleHooks, ModuleRuntimeHooks } from './module.js'
 
 declare module '#app' {
   interface RuntimeNuxtHooks extends ModuleRuntimeHooks {}
 }
 
 declare module '@nuxt/schema' {
-  interface NuxtConfig { ['vuetify']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vuetify']?: ModuleOptions }
   interface NuxtHooks extends ModuleHooks {}
 }
 
 declare module 'nuxt/schema' {
-  interface NuxtConfig { ['vuetify']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vuetify']?: ModuleOptions }
   interface NuxtHooks extends ModuleHooks {}
 }
 
-
-export type { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleHooks, ModuleOptions, ModuleRuntimeHooks, SSRClientHints, SSRClientHintsConfiguration, UnoCCSMdiIconSet, VOptions, VuetifyLocale, VuetifyModuleOptions, default } from './module.js'
+export { type ComponentName, type Components, type DateAdapter, type DateOptions, type DirectiveName, type Directives, type ExternalVuetifyOptions, type FontAwesomeSvgIconSet, type FontIconSet, type IconFontName, type IconSetName, type IconsOptions, type InlineModuleOptions, type JSSVGIconSet, type LabComponentName, type LabComponents, type MOptions, type ModuleHooks, type ModuleOptions, type ModuleRuntimeHooks, type SSRClientHints, type SSRClientHintsConfiguration, type UnoCCSMdiIconSet, type VOptions, type VuetifyLocale, type VuetifyModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,21 +1,15 @@
-
-import type { ModuleOptions, ModuleHooks, ModuleRuntimeHooks } from './module'
+import type { ModuleHooks, ModuleRuntimeHooks } from './module'
 
 declare module '#app' {
   interface RuntimeNuxtHooks extends ModuleRuntimeHooks {}
 }
 
 declare module '@nuxt/schema' {
-  interface NuxtConfig { ['vuetify']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vuetify']?: ModuleOptions }
   interface NuxtHooks extends ModuleHooks {}
 }
 
 declare module 'nuxt/schema' {
-  interface NuxtConfig { ['vuetify']?: Partial<ModuleOptions> }
-  interface NuxtOptions { ['vuetify']?: ModuleOptions }
   interface NuxtHooks extends ModuleHooks {}
 }
 
-
-export type { ComponentName, Components, DateAdapter, DateOptions, DirectiveName, Directives, ExternalVuetifyOptions, FontAwesomeSvgIconSet, FontIconSet, IconFontName, IconSetName, IconsOptions, InlineModuleOptions, JSSVGIconSet, LabComponentName, LabComponents, MOptions, ModuleHooks, ModuleOptions, ModuleRuntimeHooks, SSRClientHints, SSRClientHintsConfiguration, UnoCCSMdiIconSet, VOptions, VuetifyLocale, VuetifyModuleOptions, default } from './module'
+export { type ComponentName, type Components, type DateAdapter, type DateOptions, type DirectiveName, type Directives, type ExternalVuetifyOptions, type FontAwesomeSvgIconSet, type FontIconSet, type IconFontName, type IconSetName, type IconsOptions, type InlineModuleOptions, type JSSVGIconSet, type LabComponentName, type LabComponents, type MOptions, type ModuleHooks, type ModuleOptions, type ModuleRuntimeHooks, type SSRClientHints, type SSRClientHintsConfiguration, type UnoCCSMdiIconSet, type VOptions, type VuetifyLocale, type VuetifyModuleOptions, default } from './module'

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "vuetify-nuxt-module",
   "type": "module",
-  "version": "0.16.1",
-  "packageManager": "pnpm@9.5.0",
+  "version": "0.17.0",
+  "packageManager": "pnpm@9.7.1",
   "description": "Zero-Config Nuxt Module for Vuetify",
   "author": "userquin <userquin@gmail.com>",
   "license": "MIT",
@@ -65,46 +65,46 @@
     "release": "bumpp && npm publish"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/kit": "^3.12.4",
     "defu": "^6.1.4",
     "destr": "^2.0.3",
     "local-pkg": "^0.5.0",
     "pathe": "^1.1.2",
     "perfect-debounce": "^1.0.0",
-    "ufo": "^1.5.3",
-    "unconfig": "^0.3.11",
+    "ufo": "^1.5.4",
+    "unconfig": "^0.5.5",
     "vite-plugin-vuetify": "^2.0.3",
-    "vuetify": "^3.6.12"
+    "vuetify": "^3.7.0"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.43.1",
-    "@antfu/ni": "^0.21.10",
+    "@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.21",
-    "@iconify-json/mdi": "^1.1.55",
-    "@mdi/js": "^7.3.67",
+    "@iconify-json/carbon": "^1.1.37",
+    "@iconify-json/mdi": "^1.1.68",
+    "@mdi/js": "^7.4.47",
     "@nuxt/devtools": "latest",
-    "@nuxt/module-builder": "^0.5.5",
+    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.12.3",
     "@nuxt/test-utils": "^3.13.1",
     "@nuxtjs/i18n": "^8.0.0",
     "@parcel/watcher": "^2.3.0",
     "@types/node": "^18",
-    "@unocss/nuxt": "^0.58.4",
+    "@unocss/nuxt": "^0.62.1",
     "bumpp": "^9.2.0",
     "eslint": "^8.54.0",
     "luxon": "^3.4.3",
     "nuxt": "^3.10.2",
-    "publint": "^0.2.5",
-    "rimraf": "^5.0.5",
-    "sass": "^1.63.6",
-    "typescript": "^5.3.3",
+    "publint": "^0.2.10",
+    "rimraf": "^6.0.1",
+    "sass": "^1.77.8",
+    "typescript": "^5.5.4",
     "vite": "^5.0.12",
-    "vitest": "^1.4.0",
-    "vue-tsc": "^2.0.26"
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.0.29"
   },
   "pnpm": {
     "peerDependencyRules": {
@@ -114,8 +114,8 @@
     }
   },
   "resolutions": {
-    "@nuxt/kit": "3.12.3",
-    "vite": "5.3.2",
+    "@nuxt/kit": "3.12.4",
+    "vite": "5.4.1",
     "vue": "3.4.31"
   },
   "build": {
@@ -142,4 +142,4 @@
     "installDependencies": false,
     "startCommand": "node .stackblitz.js && pnpm install && nr prepack && nr dev:prepare && nr dev"
   }
-}
+}