vuetify-navigation-component

#Install 1 npm i vuetify-navigation-component

#Install 2 npm install axios --save

#Install 3 npm install vuetify --save

#Install 4 npm install --save vue

#Add - .env ENV=development NODE_ENV=development VUE_APP_DEBUG_MODE=true VUE_APP_BASE_URL=/ VUE_APP_BASE_URL_API=http://

#Add - src/main.js import Vue from "vue"; import App from './App.vue'; import vuetify from './plugins/vuetify'; import 'vuetify/dist/vuetify.min.css';

Vue.use(vuetify) Vue.config.productionTip = false

new Vue({ vuetify, render: h => h(App) }).$mount('#app')

#Add - src/plugins/vuetify.js

import Vue from "vue"; //import Vuetify from "vuetify"; import Vuetify from "vuetify/lib";

Vue.use(Vuetify); export default new Vuetify({});

#Add - src/App.vue

Hello I'm consuming the veu component library

<script> import axios from "axios"; import { Sidebar } from "vuetify-navigation-component"; export default { name: "App", data: () => ({ menuItemList: [], primaryModel: true, miniVariant: false }), components: { Sidebar }, methods: { getNavigation() { axios .get(process.env.VUE_APP_BASE_URL_API) .then(response => { this.menuItemList = response.data; console.log(this.menuItemList); }) .catch(e => { console.log(e), console.log(process.env.VUE_APP_BASE_URL_API) }); } }, created() { this.getNavigation() } }; </script>