var studentListApi = '//localhost:8080/api/students'; const app = Vue.createApp({ data() { return { students: new Object() }; }, mounted() { axios.get(studentListApi) .then(response => { this.students = response.data; }) .catch(error => { console.error(error); alert("An error occurred - check the console for details."); }); }, methods: { view(selectedStudent) { dataStore.commit('view', selectedStudent); window.location = 'view.html'; } } }); // import data store import { dataStore } from './data-store.js' app.use(dataStore); // import page header component import { PageHeader } from './page-header.js'; app.component('pageheader', PageHeader); app.mount('#content');