diff --git a/.eslintrc.json b/.eslintrc.json
index 2f9810d..dbbbf33 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -19,11 +19,12 @@
   },
   "overrides": [
     {
-      "files": ["**/pages/**/*.{js,ts,jsx,tsx,vue}"],
+      "files": ["**/pages/**/*.{js,ts,jsx,tsx,vue}", "error.vue"],
       "rules": { "vue/multi-word-component-names": "off" }
     }
   ],
   "globals": {
-    "useHead": false
+    "useHead": false,
+    "definePageMeta": false
   }
 }
diff --git a/error.vue b/error.vue
index eaa26e7..50f00c9 100644
--- a/error.vue
+++ b/error.vue
@@ -16,16 +16,20 @@
   </NuxtLayout>
 </template>
 
-<script>
+<script setup>
 import { useThemeStore } from '@/stores/theme';
-import { mapStores } from 'pinia';
 
-export default {
-  name: 'ErrorPage',
-  props: ['error'],
+const themeStore = useThemeStore();
+
+defineProps({
+  error: Object,
+});
+
+definePageMeta({
   layout: 'error',
-  computed: {
-    ...mapStores(useThemeStore),
-  },
-};
+});
+
+useHead({
+  title: 'Page Not Found | Lucas Steer',
+});
 </script>