From 5feadc1d72c77787d27d55e3b82bfe3d5ab94793 Mon Sep 17 00:00:00 2001 From: androiddrew Date: Sun, 22 Apr 2018 16:30:58 -0400 Subject: [PATCH] Updates CSS for a better link tracker app --- src/App.vue | 24 +------- src/components/HelloWorld.vue | 106 ++++++++++++++++++++-------------- src/components/Stats.vue | 39 +++++++++++++ src/store.js | 10 +++- src/views/Home.vue | 1 - 5 files changed, 114 insertions(+), 66 deletions(-) create mode 100644 src/components/Stats.vue diff --git a/src/App.vue b/src/App.vue index f300d4b..17769fc 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,29 +1,11 @@ - diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 5ca8cef..21fb796 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -1,56 +1,76 @@ + - diff --git a/src/components/Stats.vue b/src/components/Stats.vue new file mode 100644 index 0000000..5b260df --- /dev/null +++ b/src/components/Stats.vue @@ -0,0 +1,39 @@ + + + + + + + diff --git a/src/store.js b/src/store.js index 3c7424e..cc10ea9 100644 --- a/src/store.js +++ b/src/store.js @@ -5,7 +5,15 @@ Vue.use(Vuex) export default new Vuex.Store({ state: { - + title: 'My Custom Title', + links: [ + 'https://google.com', + 'https://coursetro.com', + 'https://youtube.com', + ] + }, + getters: { + countLinks: state => { return state.links.length } }, mutations: { diff --git a/src/views/Home.vue b/src/views/Home.vue index a808fac..02d9ab5 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -1,6 +1,5 @@