From a6b9646b8714c79f167fbb78ff4a118dfacf513f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Thu, 2 May 2019 11:20:14 +0200
Subject: [PATCH] Stripped App component to ExampleApp ~ fix reloading,
 resizing

---
 frontend/.vue-cli-ui/db.json |  2 +-
 frontend/src/App.vue         | 30 ++----------------------------
 frontend/src/ExampleApp.vue  | 36 ++++++++++++++++++++++++++++++++++++
 frontend/src/views/Game.vue  | 25 ++++++++++++++++++-------
 4 files changed, 57 insertions(+), 36 deletions(-)
 create mode 100644 frontend/src/ExampleApp.vue

diff --git a/frontend/.vue-cli-ui/db.json b/frontend/.vue-cli-ui/db.json
index 5d0506f..98e0639 100644
--- a/frontend/.vue-cli-ui/db.json
+++ b/frontend/.vue-cli-ui/db.json
@@ -6,7 +6,7 @@
       "favorite": 0,
       "type": "vue",
       "name": "frontend",
-      "openDate": 1556529929207,
+      "openDate": 1556559984890,
       "widgets": [
         {
           "id": "5sGiztidd",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 75d6cc3..7f1828f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,37 +1,11 @@
 <template>
   <v-app>
-    <v-toolbar app>
-      <v-toolbar-title class="headline text-uppercase">
-        <span>Vuetify</span>
-        <span class="font-weight-light">MATERIAL DESIGN</span>
-      </v-toolbar-title>
-      <v-spacer></v-spacer>
-      <v-btn flat :to="{ path: '/' }">Home</v-btn>
-      <v-btn flat :to="{ path: '/about' }">About</v-btn>
-      <v-btn flat :to="{ path: '/game' }">Game</v-btn>
-      <v-btn
-        flat
-        href="https://github.com/vuetifyjs/vuetify/releases/latest"
-        target="_blank"
-      >
-        <span class="mr-2">Latest Release</span>
-        <v-icon>open_in_new</v-icon>
-      </v-btn>
-    </v-toolbar>
-
-    <v-content>
-      <router-view />
-    </v-content>
+    <router-view />
   </v-app>
 </template>
 
 <script>
 export default {
-  name: 'App',
-  data() {
-    return {
-      //
-    }
-  }
+  name: 'App'
 }
 </script>
diff --git a/frontend/src/ExampleApp.vue b/frontend/src/ExampleApp.vue
new file mode 100644
index 0000000..0c78f14
--- /dev/null
+++ b/frontend/src/ExampleApp.vue
@@ -0,0 +1,36 @@
+<template>
+  <v-app>
+    <v-toolbar app>
+      <v-toolbar-title class="headline text-uppercase">
+        <span>Vuetify</span>
+        <span class="font-weight-light">MATERIAL DESIGN</span>
+      </v-toolbar-title>
+      <v-spacer></v-spacer>
+      <v-btn flat :to="{ path: '/' }">Home</v-btn>
+      <v-btn flat :to="{ path: '/about' }">About</v-btn>
+      <v-btn
+        flat
+        href="https://github.com/vuetifyjs/vuetify/releases/latest"
+        target="_blank"
+      >
+        <span class="mr-2">Latest Release</span>
+        <v-icon>open_in_new</v-icon>
+      </v-btn>
+    </v-toolbar>
+
+    <v-content>
+      <router-view />
+    </v-content>
+  </v-app>
+</template>
+
+<script>
+export default {
+  name: 'ExampleApp',
+  data() {
+    return {
+      //
+    }
+  }
+}
+</script>
diff --git a/frontend/src/views/Game.vue b/frontend/src/views/Game.vue
index 94525c4..012a43f 100644
--- a/frontend/src/views/Game.vue
+++ b/frontend/src/views/Game.vue
@@ -1,21 +1,32 @@
 <template lang="html">
-  <div ref="game"></div>
+  <div ref="game" />
 </template>
 
 <script>
 export default {
   name: 'Game',
+
   mounted() {
     this.$nextTick(function() {
-      // framework
-      require('craftyjs/dist/crafty')
+      try {
+        // framework
+        require('craftyjs/dist/crafty')
 
-      // initialize on ref="game"
-      window.Crafty.init(this.$refs.game)
+        // initialize on ref="game"
+        window.Crafty.init(this.$refs.game)
+        window.Crafty.stage.fullscreen = true
 
-      // load fftcg
-      require('@/crafty/Game.coffee')
+        // load fftcg
+        require('@/crafty/Game.coffee')
+      } catch (e) {
+        window.location.reload()
+      }
     })
+  },
+
+  beforeDestroy() {
+    window.Crafty.stop(true)
+    delete window.Crafty
   }
 }
 </script>