Attempting to set up a Vue application with vuetify while incorporating layouts. As a newcomer to Vue, I may have made some beginner errors. Here is the structure of my app:
main.js
// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import Vuetify from 'vuetify'
import { App } from './app'
import router from './router'
import store from './store'
import('../node_modules/vuetify/dist/vuetify.min.css')
/* eslint-disable no-new */
console.log(router)
Vue.use(Vuetify)
new Vue({
el: '#app',
store,
router,
render: h => h(App)
})
router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import routes from '../app/routes'
Vue.use(Router)
export default new Router({
mode: 'history',
routes: routes
})
app/index.js
export { default as routes } from './routes'
export { default as vuex } from './vuex'
export { default as App } from './App'
My app/accounts/components/AccountsListView.vue is essentially identical to App.vue except for the text in the span tooltip being different.
Questions/concerns:
- Why am I not seeing AccountsListView.vue but instead seeing App.vue when I navigate to
/accounts? - Is my method of reusing layout components accurate, or should I be following a different approach?