vuetifyIcons

/** src/plugins/vuetify.js **/
import '@mdi/font/css/materialdesignicons.css'
import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

/** someDir/public/js/vue/app-vue.js **/
import Vue from 'vue'
import App from './components/App'
import vuetify from "../../../../src/plugins/vuetify";

new Vue({
    vuetify,
    el: '#vue-app',
    template: `<app/>`,
    components: {App}
})

/** someDir/public/js/vue/components/App.vue **/
<template>
    <v-app>
        <v-container>
            <div class="test">
                <h1 class="test__title">Single File Component working !</h1>
            </div>
            <v-btn fab><v-icon>mdi-home</v-icon></v-btn>
            <v-combobox
                    v-model="select"
                    :items="items"
                    label="Select a favorite activity or create a new one"
            ></v-combobox>
            <v-btn color="primary">This is a v-btn !</v-btn>
            <card-button/>
        </v-container>
    </v-app>
</template>

/** someDir/public/module/vue.php **/
<?php
$params = [
    'title' => 'POC Vue',
];
require_once '../scripts/header.php';
?>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
    <div id="vue-app">Vue not working</div>
<script src="http://localhost:8080/someDir/dist/js/app-vue.js"></script>