coins for bot view

src/views/chatbot/index.vue

@@ -1,16 +1,27 @@
 <template>
-  <div class="app-container chatbot-container">
-    <img src="@/assets/joe.png" class="joeimage">
+  <div>
+    <span class="coinclass">Meine Münzen: {{ currentCoins }}
+    </span>
+    <img src="@/assets/logo/coins.png" class="coinsimg">
+    <div class="app-container chatbot-container">
+      <img src="@/assets/joe.png" class="joeimage">
+    </div>
   </div>
 </template>
 
 <script>
+import { mapGetters } from 'vuex'
 export default {
   name: 'Chatbot',
   components: { },
   data() {
     return {}
   },
+  computed: {
+    ...mapGetters([
+      'currentCoins'
+    ])
+  },
   mounted: () => {
     let host = 'https://joinbot.tk/bot'
     let stylesheetdir = '/bot/assets/modules/channel-web/chat.css'
@@ -46,8 +57,23 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+
+.coinclass {
+  height: 70%;
+  margin-left: 50px;
+padding-bottom:5px;
+  font-weight: bolder;
+}
+
+.coinsimg{
+  height: 28px;
+  margin-bottom: -6px;
+  margin-top: 40px;
+  padding-right: 10px;
+}
+
 .chatbot-container {
-  margin: 50px;
+ /* margin: 50px;*/
   display: flex;
   flex-wrap: wrap;
   .document-btn {