Overview

The Nuxt Vuetify theme is no longer maintained and users are advised to refer to the official installation instructions provided by Vuetify using Nuxt or an alternative Nuxt Module.

Features

• Zero configuration to start: Vuetify 3 can be added to your Nuxt application in seconds without any additional configuration.
• Treeshaking built-in (vite, disabled by default): Treeshaking is included in Vuetify 3, which enables you to drastically reduce the build size by only including the components you actually use in the final bundle. This feature is disabled by default.
• Icon fonts loaded via CDN (enabled by default, mdi): Vuetify 3 loads icon fonts through a CDN by default, with the Material Design Icons (mdi) set as the default. This feature is enabled by default.
• Automatic Nuxt SSR detection: Vuetify 3 automatically detects if your Nuxt application is using server-side rendering (SSR).
• Vuetify styles configurable (precompiled CSS by default): The styles in Vuetify 3 are configurable, with precompiled CSS being the default configuration.

Installation

To install Nuxt Vuetify, follow these steps:

1. Add the @invictus.codes/nuxt-vuetify dependency to your project.
2. Add @invictus.codes/nuxt-vuetify to the modules section of nuxt.config.ts.
3. That’s it! You can now use Nuxt Vuetify in your Nuxt app.

Summary

The Nuxt Vuetify theme, which used to be maintained, is no longer supported. Users are advised to refer to the official installation instructions provided by Vuetify using Nuxt or consider using alternative Nuxt Modules. The theme offers features such as zero configuration to start, treeshaking for reducing build size, CDN loading of icon fonts, automatic Nuxt SSR detection, and configurable Vuetify styles.