Nuxt3 fix automation after big merge (baserow#4721)

* Prevent the empty state

* Fix loading spinner stuck

Author: jrmi

web-frontend/modules/automation/components/sidebar/SidebarItemAutomation.vue

@@ -1,5 +1,5 @@
 <template>
-  <li class="tree__sub" :class="{ active: workflow?._?.selected }">
+  <li class="tree__sub" :class="{ active: workflow?._.selected }">
     <a
       class="tree__sub-link"
       :title="workflow.name"
@@ -152,6 +152,9 @@ export default {
       })
     },
     async selectWorkflow(automation, workflow) {
+      if (workflow?._.selected) {
+        return
+      }
       this.setLoading(automation, true)
       try {
         await this.$nuxt.$router.push({

web-frontend/modules/automation/pages/automationWorkflow.vue

@@ -323,8 +323,15 @@ onBeforeRouteUpdate((to, from) => {
   onRouteChange(from)
 })
 
+const leavingRoute = ref(false)
 onBeforeRouteLeave((to, from) => {
-  $store.dispatch('automationWorkflow/unselect')
   onRouteChange(from)
+  leavingRoute.value = true
+})
+
+onUnmounted(() => {
+  if (leavingRoute.value) {
+    $store.dispatch('automationWorkflow/unselect')
+  }
 })
 </script>

web-frontend/modules/builder/components/sidebar/SidebarItemBuilder.vue

@@ -146,6 +146,9 @@ export default {
       })
     },
     async selectPage(builder, page) {
+      if (page._.selected) {
+        return
+      }
       this.setLoading(builder, true)
       try {
         await this.$nuxt.$router.push({