put LessPass object in his own component

src/components/Hero.vue

@@ -1,5 +1,4 @@
 <style scoped>
-
     .jumbotron {
         background-color: transparent;
         padding-left: 0;
@@ -26,12 +25,7 @@
         <div class="jumbotron">
             <div class="row">
                 <div id="hero__password-generator-block" class="col-lg-6 push-lg-6">
-                    <div class="card" style="border:none;">
-                        <lesspass-menu></lesspass-menu>
-                        <div class="card-block" style="min-height: 400px;">
-                            <router-view></router-view>
-                        </div>
-                    </div>
+                    <lesspass></lesspass>
                 </div>
                 <div id="hero-text" class="col-lg-6 pull-lg-6">
                     <h1 class="display-5">Next-Gen Open Source Password Manager</h1>
@@ -49,11 +43,11 @@
     </div>
 </template>
 <script type="text/ecmascript-6">
-    import LessPassMenu from './Menu.vue';
+    import LessPass from './LessPass';
 
     export default {
         components: {
-            'lesspass-menu': LessPassMenu
+            'lesspass': LessPass
         }
     }
 </script>

src/components/LessPass.vue

@@ -0,0 +1,25 @@
+<template>
+    <div class="card" style="border:none;">
+        <lesspass-menu></lesspass-menu>
+        <div class="card-block" style="min-height: 400px;">
+            <router-view></router-view>
+        </div>
+    </div>
+</template>
+<script type="text/ecmascript-6">
+    import LessPassMenu from './Menu';
+
+    export default {
+        name: 'LessPass',
+        components: {
+            'lesspass-menu': LessPassMenu
+        },
+        created(){
+            const fiveMinutes = 1000 * 60 * 5;
+            this.$store.dispatch('REFRESH_TOKEN');
+            setInterval(()=> {
+                this.$store.dispatch('REFRESH_TOKEN');
+            }, fiveMinutes);
+        }
+    }
+</script>