Как подружить Laravel с Vite с Vue с Vuetify?

Question

[Artem0071]

Есть новый проект на Laravel уже с установленным Vite. С Vite до этого никогда не работал.

Вот какие конфиги сейчас:
vite.config.js:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import {createVuePlugin as vue} from 'vite-plugin-vue2'

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

app.js:

import './bootstrap';

import Vue from "vue"

import App from "./App.vue";

import vuetify from "./plugins/vuetify";

new Vue({
    el: '#app',
    vuetify,
    components: {App},
    render: h => h(App),
})

plugins/vuetify:

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

App.vue:

<template>
  <v-app>Hello world</v-app>
</template>

<script>
export default {
  name: "App",
}
</script>

Возникают ошибки:
1) [Vuetify] Multiple instances of Vue detected
2) Error in beforeCreate hook: "Error: Vuetify is not properly initialized

Перегуглил уже весь интернет, что я делаю не так?

Answer 1

[Ge1i0N]

Есть такое:
https://www.npmjs.com/package/vite-plugin-vuetify

Добавлено:
Либо такое, для второй версии vuetify:
https://www.npmjs.com/package/unplugin-vue-components

Comments

[Artem0071]

Добрый день! А сожалению нет. Это плагин использует 3 версию vuetify, а она ещё нестабильна и не содержит необходимых компонентов

[Artem0071]

Да, помогло, спасибо
Но все равно кажется это каким то все странным и запутанным...