Добрый день, подскажите по такому вопросу, почему то не отображаются компоненты. Что не правильно делаю?
Конфиг vite
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue'
export default defineConfig({
plugins: [
vue(),
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
],
});
resource/js/app.js
import './bootstrap';
import { createApp } from 'vue';
import Welcome from "../components/Welcome.vue";
createApp({
components: {
Welcome
}
}).mount('#app')
Компанент там по сути пустой просто с заголовком.
Предтавлнеие
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laravel</title>
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>
<body class="antialiased">
<div id="app">
<welcome></welcome>
</div>
</body>
</html>
Но почему то получается пустая страница.
А если указать так например в app.js
createApp(Welcome).mount('#app')
Тогда все работает. Где я неправильно подключаю компоненты
