feat: adds version number to status bar

fixes #581
vcync · Jun 24, 2021 · 26ff0ff · 26ff0ff
1 parent 0d177c3
commit 26ff0ff
Showing 1 changed file with 13 additions and 9 deletions.
diff --git a/src/components/StatusBar/index.vue b/src/components/StatusBar/index.vue
@@ -1,26 +1,24 @@
 <template>
-  <grid columns="8" class="status-bar tags">
-    <!-- <status-bar-item v-for="(item, itemName) in statusBarItems" :key="itemName">
-      <component :is="item"></component>
-    </status-bar-item> -->
+  <grid columns="4" class="status-bar tags">
     <c span="1+4" class="items">
       <StatusBarItem v-for="(item, itemName) in builtInItems" :key="itemName">
         <component :is="item"></component>
       </StatusBarItem>
-    </c>
 
-    <!-- <project-item></project-item> -->
+      <StatusBarItem class="version">
+        {{ version }}
+      </StatusBarItem>
+    </c>
   </grid>
 </template>
 
 <script>
+import packageInfo from "../../../package.json";
 import StatusBarItem from "./StatusBarItem";
 import FPSDisplay from "./FPSDisplay";
 import BPMDisplay from "./BPMDisplay";
 import SizeDisplay from "./SizeDisplay";
 
-// import projectItem from "./Project";
-
 export default {
   components: {
     // projectItem,
@@ -32,7 +30,8 @@ export default {
 
   data() {
     return {
-      builtInItems: ["FPSDisplay", "BPMDisplay", "SizeDisplay"]
+      builtInItems: ["FPSDisplay", "BPMDisplay", "SizeDisplay"],
+      version: packageInfo.version
     };
   }
 };
@@ -66,4 +65,9 @@ export default {
   display: inline-flex;
   align-items: center;
 }
+
+.version {
+  position: absolute;
+  right: 8px;
+}
 </style>