- add: createPushSubscription :

'Subscribed to FreePlanet.app!',
  'You can now receive Notification and Messages.'

src/App.vue

@@ -15,92 +15,8 @@
 
     </div>
 </template>
-<script lang="ts">
-  import Vue from "vue"
-  import { Component } from 'vue-property-decorator'
-  import { UserStore } from '@store'
-  import { EventBus, RootState, storeBuilder, DebugMode } from '@store'
-  import router from "./router"
-
-  import $ from "jquery"
-
-  import Header from './components/Header.vue'
-
-  import globalroutines from './globalroutines/index'
-
-  @Component({
-    components: {
-      appHeader: Header,
-    },
-    router
-  })
-  export default class App extends Vue {
-    public backgroundColor = 'whitesmoke'
-
-    created() {
-      //this.title = 'My Vue and CosmosDB Heroes App'
-      if (process.env.DEV) {
-        console.info("SESSIONE IN SVILUPPO ! (DEV)")
-        console.info(process.env)
-      }
-      if (process.env.PROD) {
-        console.info("SESSIONE IN PRODUZIONE!")
-        console.info(process.env)
-      }
-
-      UserStore.actions.autologin()
-        .then((loginEseguito) => {
-          if (loginEseguito) {
-            globalroutines(this, 'loadapp', '')
-            // this.$router.replace('/')
-          }
-        })
-    }
-  }
+<script lang="ts" src="./App.ts">
 </script>
-
-<style>
-
-    .fade-enter-active, .fade-leave-active {
-        transition: opacity .2s;
-    }
-
-    .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */
-    {
-        opacity: 0;
-    }
-
-    .slide-enter {
-    }
-
-    .slide-enter-active {
-        animation: slide-in 0.2s ease-out forwards;
-    }
-
-    .slide-leave {
-    }
-
-    .slide-leave-active {
-        animation: slide-out 0.5s ease-out forwards;
-    }
-
-    @keyframes slide-in {
-        from {
-            transform: translateX(-500px);
-        }
-        to {
-            transform: translateX(0);
-        }
-    }
-
-    @keyframes slide-out {
-        from {
-            transform: translateX(0);
-        }
-
-        to {
-            transform: translateX(1600px);
-        }
-    }
-
+<style lang="scss" scoped>
+    @import './App.scss';
 </style>