How to integration html template in inertia vue 3
newbie here, i have some html templat, when im integration with laravel and layouting with yield,section,etc. its work perfectly. but i wanna try inertia vue3. when finish the setup inertia, i add css and js in app.blade in views. and make component navbar but the hamburger menu doesnt work, this is my code.
app.js
require('./bootstrap');
import jQuery from 'jquery'
window.$ = window.jQuery = jQuery
global.$ = global.jQuery = jQuery
import { createApp, h } from 'vue'
import { createInertiaApp } from '@inertiajs/inertia-vue3'
createInertiaApp({
resolve: name => import(`./Pages/${name}`),
setup({ el, App, props, plugin }) {
createApp({ render: () => h(App, props) })
.use(plugin)
.mount(el)
},
})
app.blade.php in resourece/views/here
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="stylesheet" href="{{ asset('assets/css/plugins.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
<link rel="stylesheet" href="{{ asset('assets/css/colors/purple.css') }}">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<script src="{{ mix('/js/app.js') }}" defer></script>
<script src="{{ asset('assets/js/jquery.js') }}"></script>
<script src="{{ asset('assets/bs/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/js/plugins.js') }}"></script>
<script src="{{ asset('assets/js/theme.js') }}"></script>
@inertiaHead
</head>
<body>
@inertia
</body>
</html>
Updated 2022-01-14 09:24:15Z by
gepe