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');