vite-plugin-vuetify-browser

vite-plugin-vuetify-browser

Introduction

It is clone of vite-plugin-vuetify with fixed support of the option autoimports: true for case when vuetify is used as single file esm module from CDN.

Example: https://cdn.jsdelivr.net/npm/vuetify@3.6.12/dist/vuetify.esm.js

WARNING: There is no big sense to use this plugin, as for the case you can just specify autoimports: false. But if you need for some reason to use autoimports: true than you can use it.

Instalation

npm i -D vite-plugin-vuetify-browser

or

yarn add -D vite-plugin-vuetify-browser

Using examples

// vite.config.ts
import { defineConfig } from 'vite';
import Vue from '@vitejs/plugin-vue'
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify-browser'; // original plugin is 'vite-plugin-vuetify'

export default defineConfig({
  plugins: [
    Vue({
      template: { transformAssetUrls },
    }),

    // https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
    vuetify({
      autoImport: true,
    }),
  ]
});