Merge pull request #186 from SpeciesFileGroup/development

Fix taxon name display in footer in SSR

src/components/Layout/LayoutFooter.vue

@@ -5,7 +5,10 @@
     <div class="container mx-auto text-sm pt-2 pb-4">
       <div class="pt-4 pb-2 break-words">
         {{ project_authors }}
-        <span v-html="store.nextAuthor" />
+        <span
+          v-if="store.nextAuthor"
+          v-html="store.nextAuthor"
+        />
         {{ project_citation }}.
         <ClientOnly>
           <span>Retrieved on {{ currentDate }}</span>

src/modules/otus/views/Index.vue

@@ -84,6 +84,7 @@ import {
 } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useOtuStore } from '../store/store'
+import { useFooterStore } from '@/store'
 import { useHead } from 'unhead'
 import { useSchemaOrg, defineTaxon } from '@/plugins/schemaOrg/composables'
 import { RESPONSE_ERROR } from '../constants'
@@ -99,6 +100,7 @@ const router = useRouter()
 const routeParams = ref(route.params)
 const childrenRoutes = useChildrenRoutes()
 const store = useOtuStore()
+const footerStore = useFooterStore()
 let controller = new AbortController()
 
 router.afterEach((route) => {
@@ -137,10 +139,12 @@ onMounted(async () => {
 
 onBeforeUnmount(() => {
   store.$reset()
+  footerStore.$reset()
 })
 
 async function loadInitialData() {
   store.$reset()
+  footerStore.$reset()
 
   try {
     await store.loadInit({

src/store/useFooterStore.js

@@ -1,13 +1,12 @@
 import { defineStore } from 'pinia'
 
 export const useFooterStore = defineStore('footerStore', {
-  state: () => {
-    return {
-      nextAuthor: ''
-    }
-  },
+  state: () => ({
+    nextAuthor: ''
+  }),
+
   actions: {
-    setNextAuthorText(value) {
+    async setNextAuthorText(value) {
       this.nextAuthor = value
     }
   }