@@ -1,6 +1,14 @@

 # time-tracker

-> A Vue.js project

+A simple stopwatch app written in Vuejs. It's (somewhat unique)

+feature is that you can attach an arbitrary number of annotations to

+each stopwatch "lap".

+

+We persist all data in localStorage

+

+Built with the new CSS Grid properties, so you have to enable that in

+chrome://flags or the like.

+

 ## Build Setup

@@ -10,7 +10,9 @@

   },

   "dependencies": {

     "vue": "^2.2.1",

-    "vuex": "^2.2.1"

+    "vuex": "^2.2.1",

+    "vuex-localstorage": "^1.0.0",

+    "vuex-persistedstate": "^1.3.0"

   },

   "devDependencies": {

     "babel-core": "^6.0.0",

@@ -53,6 +53,13 @@ export default {

 	times() {

 	    let result = [];

 	    for (let cur of this.$store.state.times) {

+		if ((typeof cur.time) === "string") {

+		    cur = Object.assign(

+			Object.create(cur),

+			{time: new Date(cur.time)}

+		    );

+		}

+		

 		let diff = 0, cum = 0;

 		if (cur.id > 0) {

 		    cum = cur.time - result[cur.id-1][0].time;

@@ -1,12 +1,16 @@

 import Vue from 'vue';

 import Vuex from 'vuex';

 import App from './App.vue';

+import createPersistedState from 'vuex-persistedstate'

 Vue.use(Vuex);

 new Vue({

     el: '#app',

     render: h => h(App),

     store: new Vuex.Store({

+	plugins: [

+	    createPersistedState()

+	],

 	state: {

 	    times: []

 	},