From 09d7741d0791258b2923d6f555b47263eb0a6762 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Norman=20K=C3=B6hring?= <norman.koehring@spenoki.de>
Date: Sat, 18 Mar 2023 20:52:32 +0100
Subject: [PATCH] move preset saving to separate component

---
 src/App.vue                    | 16 ++--------------
 src/components/PresetSaver.vue | 27 +++++++++++++++++++++++++++
 src/constants.js               |  1 -
 3 files changed, 29 insertions(+), 15 deletions(-)
 create mode 100644 src/components/PresetSaver.vue

diff --git a/src/App.vue b/src/App.vue
index 21fe3f5..51f3ff3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -22,20 +22,7 @@
         <PresetLoader />
       </template>
       <template #save>
-        <p>
-          <label>
-            Save current system as:
-            <input placeholder="fancy star system" v-model="currentName" />
-          </label>
-        </p>
-        <p>
-          <b>Local Storage </b>
-          <button @click="savePreset(star, objects)">save as "{{ currentName }}"</button>
-        </p>
-        <p>
-          <b>File System </b>
-          <a :href="fileBlob" :download="`${currentName}.json`">download as {{ currentName }}.json</a>
-        </p>
+        <PresetSaver />
       </template>
       <template #x></template>
     </AppMenu>
@@ -56,6 +43,7 @@ import SystemSettings from './components/SystemSettings.vue'
 import ObjectList from './components/ObjectList.vue'
 import ObjectSettings from './components/ObjectSettings.vue'
 import PresetLoader from './components/PresetLoader.vue'
+import PresetSaver from './components/PresetSaver.vue'
 
 import useObjects from './useObjects'
 import useStorage from './useStorage'
diff --git a/src/components/PresetSaver.vue b/src/components/PresetSaver.vue
new file mode 100644
index 0000000..08704bc
--- /dev/null
+++ b/src/components/PresetSaver.vue
@@ -0,0 +1,27 @@
+<template>
+  <p>
+    <label>
+      Save current system as:
+      <input placeholder="fancy star system" v-model="currentName" />
+    </label>
+  </p>
+  <p>
+    <b>Local Storage </b>
+    <button @click="savePreset(star, objects)">save as "{{ currentName }}"</button>
+  </p>
+  <p>
+    <b>File System </b>
+    <a :href="fileBlob" :download="`${currentName}.json`">download as {{ currentName }}.json</a>
+  </p>
+</template>
+
+<script setup>
+import useObjects from '../useObjects'
+import useStorage from '../useStorage'
+
+const { star, objects } = useObjects()
+const {
+  savePreset,
+  currentName,
+} = useStorage(star, objects)
+</script>
diff --git a/src/constants.js b/src/constants.js
index b1f5e6b..3613f42 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -12,4 +12,3 @@ export const MAX_AMOUNT_RINGS = 15
 
 export const MIN_DISTANCE_PLANET = 32
 export const MAX_DISTANCE_PLANET = 999
-