I am having trouble setting up Vue routing with the Vue UI. I have two components, Start and Clubs, but I keep getting errors stating that the modules cannot be found. Both components are located in src > components > directory. I have gone through documentation and tutorials with different syntax variations, but I still can't get it to work. Any assistance would be appreciated.
Here is my current main.js:
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import Start from './Start.vue'
import Clubs from './Clubs.vue'
Vue.use(VueRouter);
const routes = [
{ path: '/', components: Start },
{ path: '/clubs', components: Clubs }
];
const router = new VueRouter ({
routes: routes
});
new Vue({
el: '#app',
routes,
render: h => h(App)
});