useSeoMeta does not work with SSR

Fixes #25

Author: Hofstetter Benjamin

opendata.swiss/ui/pages/datasets/[datasetId]/distribution/[distributionId].vue

@@ -19,8 +19,8 @@ const { locale, t } = useI18n();
 
 const route = useRoute()
 const router = useRouter()
-const datasetId = computed(() => route.params.datasetId as string)
-const distributionId = computed(() => route.params.distributionId as string)
+const datasetId = route.params.datasetId as string
+const distributionId = route.params.distributionId as string
 
 
 const { useResource } = useDatasetsSearch()
@@ -40,7 +40,7 @@ const distribution = computed(() => {
   if (!dataset.value) {
     return undefined
   }
-  const dists = dataset.value.distributions.find(d => d.id === distributionId.value) ?? undefined
+  const dists = dataset.value.distributions.find(d => d.id === distributionId) ?? undefined
   return dists
 })
 
@@ -55,23 +55,16 @@ const breadcrumbs = [
     title: resultEnhanced.value?.getTitle,
     path: {
       name: 'datasets-datasetId',
-      params: { datasetId: datasetId.value },
+      params: { datasetId: datasetId },
     },
   },
   {
     title: distribution.value?.title
   }
 ]
 
-const seoTitle = computed(() => {
-  if (distribution.value?.title) {
-    return `${distribution.value.title} | ${t('message.dataset_detail.distribution')} | opendata.swiss`
-  }
-  return ` ${t('message.dataset_detail.distribution')} | opendata.swiss`
-})
-
 useSeoMeta({
-  title: seoTitle,
+  title: () => `${distribution.value?.title} | ${t('message.dataset_detail.distribution')} | opendata.swiss`,
 })
 
 await suspense()

opendata.swiss/ui/pages/datasets/[datasetId]/index.vue

@@ -22,7 +22,7 @@ import { useSeoMeta } from 'nuxt/app';
 const { locale, t } = useI18n();
 const route = useRoute()
 const router = useRouter()
-const datasetId = computed(() => route.params.datasetId as string)
+const datasetId = route.params.datasetId as string
 
 const { useResource } = useDatasetsSearch()
 const { query, isSuccess, resultEnhanced } = useResource(datasetId)
@@ -66,22 +66,16 @@ const breadcrumbs = computed(() => {
     title: resultEnhanced.value?.getTitle,
     path: {
       name: 'datasets-datasetId',
-      params: { datasetId: datasetId.value },
+      params: { datasetId: datasetId },
     },
   })
 
   return result
 })
 
-const seoTitle = computed(() => {
-  if (dataset.value?.title) {
-    return `${dataset.value.title} | ${t('message.header.navigation.datasets')} | opendata.swiss`
-  }
-  return `opendata.swiss | ${t('message.header.navigation.datasets')}`
-})
 
 useSeoMeta({
-  title: seoTitle,
+  title: () => `${dataset.value?.title} | ${t('message.header.navigation.datasets')} | opendata.swiss`
 })