Fix background color

app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="canvas flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-screen">
     <DesktopMenu :items="menu.items" class="hidden lg:block" />
     <MobileMenu :items="menu.items" class="block lg:hidden" />
     <NuxtPage class="flex-grow"/>

assets/css/tailwind.css

@@ -5,14 +5,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* dark blue overscroll background */
-html {
-  @apply bg-sogblue-darker;
-}
-.canvas {
-  @apply bg-white;
-}
-
 /* CSS Global */
 .nuxt-content {
   @apply text-gray-800 font-overpass;

error.vue

@@ -14,14 +14,14 @@
         {{ $t('error.language') }}
         <div class="text-lg text-gray-800 mt-2 font-normal">
           {{ $t('error.availableIn') }}
-          <nuxt-link
+          <NuxtLink
             v-for="availableLocale in availableLocales"
             :key="availableLocale.code"
             :to="switchLocalePath(availableLocale.code)"
             class="hover:text-sogblue-dark transition-colors duration-100"
           >
             {{ availableLocale.name }}
-          </nuxt-link>
+          </NuxtLink>
         </div>
       </div>
       <div v-else-if="error.statusCode === 404" class="text-sogblue">
@@ -67,8 +67,7 @@ const lookupAvailableLocales = async () => {
     for (const locale in locales.value) {
       try {
         await queryContent(
-          `${locales.value[locale].code}/${route.params.slug}`,
-          'index'
+          `${locales.value[locale].code}/${route.params.slug}`
         ).findOne()
         availableLocales.push(locales.value[locale])
       } catch {

pages/[...slug].vue

@@ -1,6 +1,6 @@
 <template>
   <article v-if="page" class="container mx-auto">
-    <ContentRenderer :value="page" />
+    <ContentRenderer :value="page" class="nuxt-content" />
   </article>
 </template>
 
@@ -15,7 +15,7 @@
 const route = useRoute()
 const { locale, t } = useI18n()
 
-const page = await queryContent(`${locale.value}/${route.params.slug}`).findOne().catch(() => {
+const page = await queryContent(locale.value, ...route.params.slug).findOne().catch(() => {
   throw createError({
     statusCode: 404,
     message: 'Page could not be found',