restructuring

src/webapp/setup/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

src/webapp/setup/src/views/SetupEventsView.vue

@@ -31,7 +31,7 @@
         },
         methods: {
             submit () {
-                this.backendStore.addVisitedSetupPages( 'complete', true );
+                this.backendStore.addVisitedSetupPages( 'tos', true );
                 this.$router.push( '/setup/tos' );
             }
         },

src/webapp/setup/src/views/SetupPageView.vue

@@ -37,7 +37,7 @@
         },
         methods: {
             submit () {
-                this.backendStore.addVisitedSetupPages( 'events', true );
+                this.backendStore.addVisitedSetupPages( 'payments', true );
                 this.$router.push( '/setup/payments' );
             }
         },

src/webapp/setup/src/views/SetupPaymentsView.vue

@@ -31,7 +31,7 @@
         },
         methods: {
             submit () {
-                this.backendStore.addVisitedSetupPages( 'tos', true );
+                this.backendStore.addVisitedSetupPages( 'events', true );
                 this.$router.push( '/setup/events' );
             }
         },

src/webapp/setup/src/views/SetupRootView.vue

@@ -46,7 +46,7 @@
         },
         methods: {
             submit () {
-                this.backendStore.addVisitedSetupPages( 'payments', true );
+                this.backendStore.addVisitedSetupPages( 'page', true );
                 this.$router.push( 'page' );
             }
         },

src/webapp/setup/src/views/SetupStartView.vue

@@ -14,7 +14,7 @@
         <i style="font-size: small;">All links during setup open in separate tabs</i>
         <p>Thank you for downloading libreǝvent, the free & open source event management solution. libreǝvent aims to help you save both time and money when hosting events, so you can focus on what really matters.</p>
         <p>Let's start by setting it up. We strongly encourage you to also have a look at the extensive documentation of the setup process <a href="https://libreevent.janishutz.com/docs/setup/setup" target="_blank">here</a></p>
-        <router-link to="/setup/root" @click="setup();">Start setup</router-link>
+        <button @click="setup();">Start setup</button>
     </div>
 </template>
 
@@ -33,7 +33,8 @@
         },
         methods: {
             setup () {
-                this.backendStore.addVisitedSetupPages( 'page', true );
+                this.backendStore.addVisitedSetupPages( 'root', true );
+                this.$router.push( '/setup/root' );
             }
         },
     };

src/webapp/setup/src/views/SetupTOSView.vue

@@ -31,6 +31,7 @@
         },
         methods: {
             submit () {
+                this.backendStore.addVisitedSetupPages( 'complete', true );
                 this.$router.push( '/setup/complete' );
             }
         },

src/webapp/setup/src/views/SetupView.vue

@@ -11,12 +11,13 @@
     <div>
         <nav class="setup-nav">
             <router-link to="/setup">Start</router-link> | 
-            <router-link to="/setup/root" @click="unlock( 'page' )">Root account</router-link> | 
-            <router-link to="/setup/page" v-if="backendStore.getVisitedSetupPages[ 'page' ]" @click="unlock( 'payments' )">Landing page</router-link>
+            <router-link to="/setup/root" v-if="backendStore.getVisitedSetupPages[ 'root' ]">Root account</router-link>
+            <a v-else class="inactive">Root account</a> | 
+            <router-link to="/setup/page" v-if="backendStore.getVisitedSetupPages[ 'page' ]">Landing page</router-link>
             <a v-else class="inactive">Landing page</a> | 
-            <router-link to="/setup/payments" v-if="backendStore.getVisitedSetupPages[ 'payments' ]" @click="unlock( 'events' )">Payments</router-link>
+            <router-link to="/setup/payments" v-if="backendStore.getVisitedSetupPages[ 'payments' ]">Payments</router-link>
             <a v-else class="inactive">Payments</a> | 
-            <router-link to="/setup/events" v-if="backendStore.getVisitedSetupPages[ 'events' ]" @click="unlock( 'tos' )">Events</router-link>
+            <router-link to="/setup/events" v-if="backendStore.getVisitedSetupPages[ 'events' ]">Events</router-link>
             <a v-else class="inactive">Events</a> | 
             <router-link to="/setup/tos" v-if="backendStore.getVisitedSetupPages[ 'tos' ]" @click="unlock( 'complete' )">TOS</router-link>
             <a v-else class="inactive">TOS</a> |