feat: Issue #33, wisdom pane connected to game state data

components/SixthTabContent.vue

@@ -0,0 +1,46 @@
+<template>
+  <div class="tab-content grid md:overflow-hidden">
+    <div>
+      <span align="left"><b>Total spare time generated</b></span
+      ><span align="right">{{ $store.state.currencyTotal }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Total spare time spent</b></span
+      ><span align="right">{{ $store.getters.currencySpent }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Total in-game time elapsed</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Total lifetimes</b></span
+      ><span align="right">{{ $store.state.totalLifetimes }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Longest lifetime</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Oldest age reached</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Latest time reached</b></span
+      ><span align="right"></span>
+    </div>
+    <div>
+      <span align="left"><b>Wisdom for next prestige</b></span
+      ><span align="right">{{ $store.state.wisdomGained }}</span>
+    </div>
+    <div>
+      <span align="left"><b>Wisdom from other timelines</b></span
+      ><span align="right">{{ $store.state.wisdomApplied }}</span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style scoped></style>

pages/index.vue

@@ -88,9 +88,7 @@
           Tab 5 content
         </template>
 
-        <template v-else-if="$store.state.activeTabIndex === 5">
-          Tab 6 content
-        </template>
+        <sixth-tab-content v-else-if="$store.state.activeTabIndex === 5" />
       </div>
     </main>
 

store/index.js

@@ -148,6 +148,7 @@ export const state = () => ({
   },
   wisdomGained: 0, // wisdom gained so far on this run, not applied until player sends the book.
   wisdomApplied: 0, // wisdom from previous runs
+  totalLifetimes: 1,
 })
 
 export const getters = {
@@ -186,6 +187,9 @@ export const getters = {
       12: 'Dec.',
     }[state.gameDate.month]
   },
+  currencySpent: (state) => {
+    return Decimal.subtract(state.currencyTotal, state.currency)
+  },
 }
 
 export const mutations = {