From 4d11db3a33644b2b7e2fee41686962c6c18e9a84 Mon Sep 17 00:00:00 2001 From: pskfyi Date: Thu, 6 Jan 2022 17:17:26 -0800 Subject: [PATCH] feat: tab colors from centralized data --- components/GameTab.vue | 34 +++++++++++++++++++ pages/index.vue | 77 +++++++++++++++++++++++++----------------- store/index.js | 70 ++++++++++++++++++++++++++++++++++++++ tailwind.config.js | 17 ++++++++++ 4 files changed, 167 insertions(+), 31 deletions(-) create mode 100644 components/GameTab.vue create mode 100644 store/index.js create mode 100644 tailwind.config.js diff --git a/components/GameTab.vue b/components/GameTab.vue new file mode 100644 index 0000000..570f33d --- /dev/null +++ b/components/GameTab.vue @@ -0,0 +1,34 @@ + + + diff --git a/pages/index.vue b/pages/index.vue index bcc9ff4..c61848f 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -5,30 +5,58 @@ > Timekeeper +
+
-
- {{ tab.label }} -
+ :index="index" + :tab-data="tab" + />
-
- Colors and art are purely for example, not recommendations. Background - colors are used to distinguish individual HTML elements. + +
+ {{ $store.getters.activeTab.title }} +
+ +
+ + + + + + + + + + +
+