save data export and import

src/views/HomeView.vue

@@ -30,9 +30,6 @@
       <section class="upgrade">
         <UpgradesList :guild="guild"/>
       </section>
-      <section class="upgrade">
-        <span class="wipe-save" @click="$emit('wipeSave')">Wipe your save data</span>
-      </section>
     </section>
 
   </main>
@@ -82,6 +79,7 @@ main {
   .upgrades {
     max-width: 45rem;
     width: 100%;
+    padding-bottom: 1rem;
   }
 }
 

src/views/TechnicalView.vue

@@ -19,6 +19,7 @@
         </a>
       </div>
     </div>
+    <SaveManagerComponent/>
     <ChangelogComponent/>
 
   </section>
@@ -26,11 +27,12 @@
 
 <script lang="ts">
 import {defineComponent} from "vue";
-import ChangelogComponent from "@/components/ChangelogComponent.vue";
+import ChangelogComponent from "@/components/technical/ChangelogComponent.vue";
+import SaveManagerComponent from "@/components/technical/SaveManagerComponent.vue";
 
 export default defineComponent({
   name: "TechnicalView",
-  components: {ChangelogComponent},
+  components: {SaveManagerComponent, ChangelogComponent},
 
 })
 </script>