chore(nuxt): enable ssr

Author: hywax

components/Item.vue

@@ -1,26 +1,5 @@
 <template>
-  <Suspense>
-    <template #default>
-      <Component :is="component" v-bind="props" />
-    </template>
-    <template #fallback>
-      <div class="p-4 flex gap-4">
-        <div class="flex-shrink-0 flex">
-          <div class="self-center w-16 h-16 overflow-hidden rounded-2xl border border-black/5 animate-pulse">
-            <div class="bg-fg-dimmed h-full w-full" />
-          </div>
-        </div>
-        <div>
-          <h3 class="animate-pulse text-lg mt-1">
-            <span class="inline-block min-h-[1em] w-[110px] flex-auto cursor-wait bg-fg-dimmed align-middle opacity-50 rounded" />
-          </h3>
-          <p class="animate-pulse text-sm text-black/50">
-            <span class="inline-block min-h-[1em] w-[160px] flex-auto cursor-wait bg-fg-dimmed align-middle opacity-50 rounded" />
-          </p>
-        </div>
-      </div>
-    </template>
-  </Suspense>
+  <Component :is="component" v-bind="props" />
 </template>
 
 <script setup lang="ts">

components/service/Ping.vue

@@ -1,7 +1,7 @@
 <template>
   <ServiceBase v-bind="props">
     <template #description>
-      <template v-if="data && data?.time >= 0">
+      <template v-if="data && data.time >= 0">
         {{ $t('service.ping.description') }} <span class="border-b border-dashed">{{ data.time }} {{ $t('service.ping.units') }}</span>
       </template>
       <template v-else>
@@ -16,7 +16,7 @@ import type { PingService } from '~/types/services'
 
 const props = defineProps<PingService>()
 
-const { data, refresh } = await useFetch<{ time: number }>('/api/services/ping', { query: { id: props.id } })
+const { data, refresh } = useFetch('/api/services/ping', { query: { id: props.id } })
 const { pause } = useIntervalFn(refresh, props?.options?.interval || 10000, { immediate: true })
 
 onBeforeUnmount(pause)

nuxt.config.ts

@@ -1,6 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  ssr: false,
   modules: [
     '@nuxtjs/tailwindcss',
     '@nuxtjs/color-mode',