Working on getting 404 to work

error.vue

@@ -1,13 +1,26 @@
 <template>
-  <div class="flex flex-col items-center">
-    <div class="text-indigo-500 font-bold text-7xl">404</div>
-
-    <div class="font-bold text-3xl xl:text-7xl lg:text-6xl md:text-5xl mt-10">
-      This page does not exist
-    </div>
-
-    <div class="text-gray-400 font-medium text-sm md:text-xl lg:text-2xl mt-8">
-      The page you are looking for could not be found.
-    </div>
+  <navigation />
+  <div class="error">
+    <h1>404 - pagina niet gevonden</h1>
+  </div>
+  <div class="footer">
+    <c-footer />
   </div>
 </template>
+
+<style>
+.error {
+  display: flex;
+  height: 100%;
+  margin: auto auto;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.footer {
+  bottom: 0;
+  width: 100%;
+  position: absolute;
+}
+</style>

nuxt.config.ts

@@ -2,6 +2,7 @@ import { fileURLToPath } from 'url'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
+  ssr: true,
   alias: {
     "@components": fileURLToPath(new URL('./components', import.meta.url)),
     "@types": fileURLToPath(new URL('./types', import.meta.url)),