vuetify-nuxt-module 1.0.0-beta.1 → 1.0.0-beta.11

package/README.md

@@ -26,33 +26,30 @@
 
 ## 🚀 Features
 
-- 📖 [**Documentation & guides**](https://nuxt.vuetifyjs.com/)
+> 📖 Full [**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
+- ⚡ **Fully Tree Shakable**: by default, only the Vuetify components you use are imported
+- 🪄 **Auto-Import**: Vuetify components and composables are auto-imported — no manual imports needed
+- 🔌 **Extensible**: customize the Vuetify configuration via [Nuxt Runtime Hooks](https://nuxt.com/docs/guide/going-further/hooks#usage-with-plugins), [Nuxt Layers](https://nuxt.com/docs/getting-started/layers#layers), the `vuetify:registerModule` [module hook](https://nuxt.com/docs/guide/going-further/hooks#nuxt-hooks-build-time), or a dedicated `vuetify.config` file
+- 💥 **SSR**: automatic SSR detection and configuration, including [HTTP Client Hints](https://developer.mozilla.org/en-US/docs/Web/HTTP/Client_hints)
+- ✨ **Configurable Styles**: configure your variables using [Vuetify SASS Variables](https://vuetifyjs.com/en/features/sass-variables/)
+- 🛠️ **Directives & Labs**: optional [directives](https://vuetifyjs.com/en/getting-started/installation/#manual-steps) and [labs components](https://vuetifyjs.com/en/labs/introduction/) registration
+- 🎭 **Icons**: pure-CSS icons (UnoCSS), [icon fonts](https://vuetifyjs.com/en/features/icon-fonts/) (CDN or local), SVG packs ([@mdi/js](https://www.npmjs.com/package/@mdi/js), [FontAwesome](https://www.npmjs.com/package/@fortawesome/vue-fontawesome)), and [multiple icon sets](https://vuetifyjs.com/en/features/icon-fonts/#multiple-icon-sets)
+- 🌍 **I18n**: integrate [@nuxtjs/i18n](https://i18n.nuxtjs.org/) for Vuetify [internationalization](https://vuetifyjs.com/en/features/internationalization/), with auto-imported Vuetify locale messages
+- 📆 **Date Components**: use Vuetify [date components](https://vuetifyjs.com/en/features/dates/) via the [@date-io](https://github.com/dmtrKovalenko/date-io#projects) adapters
+- 🎨 **Blueprints**: scaffold quickly with [Vuetify Blueprints](https://vuetifyjs.com/en/features/blueprints/)
 - 🦾 **Type Strong**: written in [TypeScript](https://www.typescriptlang.org/)
 
 ## 📦 Install
 
 > Requires Vite, will not work with Webpack
 
+`vuetify` is a peer dependency (Vuetify 3 or 4) — install it alongside the module:
+
 ```bash
-npx nuxi@latest module add vuetify-nuxt-module
+npm install -D vuetify
+npx nuxt 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)

package/configuration.d.ts

@@ -36,6 +36,9 @@ declare module 'virtual:vuetify-ssr-client-hints-configuration' {
       defaultTheme: string
       themeNames: string[]
       cookieName: string
+      cookieDomain?: string
+      cookieSecure?: boolean
+      cookieSameSite: 'lax' | 'strict' | 'none'
       darkThemeName: string
       lightThemeName: string
       useBrowserThemeOnly: boolean

package/dist/module.d.mts

@@ -26,8 +26,13 @@ interface DateOptions {
     adapter?: DateAdapter;
     /**
      * Formats.
+     *
+     * Only serializable `Intl.DateTimeFormatOptions` values are supported here:
+     * the date configuration is statically serialized to a virtual module, so
+     * function-valued formats cannot be expressed (see #313, #331). Use a custom
+     * date adapter if you need function formats.
      */
-    formats?: Record<string, string>;
+    formats?: Record<string, Intl.DateTimeFormatOptions>;
     /**
      * Locales.
      *
@@ -251,6 +256,18 @@ interface MOptions {
          * Path to the custom Vuetify SASS configuration file.
          */
         configFile: string;
+        /**
+         * Caching options forwarded to `@vuetify/unplugin-styles`.
+         *
+         * @default true
+         */
+        cache?: boolean | {
+            path?: string;
+            sassOptions?: Record<string, unknown>;
+        };
+        /**
+         * @deprecated Use `styles.cache` instead.
+         */
         experimental?: {
             cache?: boolean;
         };
@@ -350,9 +367,43 @@ interface MOptions {
             /**
              * The name for the cookie.
              *
+             * @deprecated Use `cookie.name` instead.
              * @default 'color-scheme'
              */
             cookieName?: string;
+            /**
+             * Cookie attributes for the color scheme cookie.
+             */
+            cookie?: {
+                /**
+                 * The name for the cookie.
+                 *
+                 * @default 'color-scheme'
+                 */
+                name?: string;
+                /**
+                 * The domain for the color scheme cookie.
+                 *
+                 * Useful to share the cookie across subdomains, e.g. `.example.com`.
+                 *
+                 * @default undefined
+                 */
+                domain?: string;
+                /**
+                 * Mark the cookie as `Secure`.
+                 *
+                 * Forced to `true` when `sameSite` is `'none'`.
+                 *
+                 * @default undefined
+                 */
+                secure?: boolean;
+                /**
+                 * The `SameSite` attribute for the cookie.
+                 *
+                 * @default 'lax'
+                 */
+                sameSite?: 'lax' | 'strict' | 'none';
+            };
             /**
              * The name for the dark theme.
              *
@@ -447,6 +498,9 @@ interface SSRClientHintsConfiguration {
         defaultTheme: string;
         themeNames: string[];
         cookieName: string;
+        cookieDomain?: string;
+        cookieSecure?: boolean;
+        cookieSameSite: 'lax' | 'strict' | 'none';
         darkThemeName: string;
         lightThemeName: string;
     };

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.15.0"
   },
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.11",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"