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