Splits UI into steps and enhances log messages

1 files changed, 32 insertions, 0 deletions

diff --git a/app/src/pages/Steps/1-From.vue b/app/src/pages/Steps/1-From.vue
new file mode 100644
index 0000000..e1bd82e
--- /dev/null
+++ b/app/src/pages/Steps/1-From.vue
@@ -0,0 +1,32 @@
+<template>
+  <div>
+    <h1>From</h1>
+
+    <Panel v-model="from" />
+
+    <router-link to="/steps/2">
+      next
+    </router-link>
+  </div>
+</template>
+
+<script>
+import Panel from '~/components/Panel';
+
+export default {
+  components: {
+    Panel,
+  },
+
+  computed: {
+    from: {
+      set (value) {
+        this.$store.commit('setFrom', value);
+      },
+      get () {
+        return this.$store.state.from;
+      },
+    },
+  },
+};
+</script>