fix: downgrade away from nuxt 3.4.1

borks nuxt content

components/ColourPicker.vue

@@ -10,7 +10,11 @@ const toggle = () => {
 </script>
 
 <template>
-  <label for="dark-toggle" class="toggle-wrapper">
+  <label
+    for="dark-toggle"
+    class="toggle-wrapper"
+    aria-label="Dark mode indicator label"
+  >
     <div class="toggle">
       <div class="icons">
         <IconMoon />
@@ -21,6 +25,7 @@ const toggle = () => {
         name="dark-toggle"
         type="checkbox"
         ref="darkToggleEl"
+        aria-label="Toggle dark mode"
         @click="toggle"
       />
     </div>

components/HamburgerMenu.vue

@@ -11,8 +11,17 @@ const getSvgIcon = async (name: string) => {
 
 <template>
   <div class="hamburger">
-    <input class="checkbox" type="checkbox" id="checkbox" />
-    <label class="checkbox-label" for="checkbox">
+    <input
+      class="checkbox"
+      type="checkbox"
+      id="checkbox"
+      aria-label="Hamburger menu toggle"
+    />
+    <label
+      class="checkbox-label"
+      for="checkbox"
+      aria-label="Hamburger menu indicator label"
+    >
       <svg class="ham ham-rotate" viewBox="0 0 100 100" width="60">
         <path
           class="line top"
@@ -25,7 +34,7 @@ const getSvgIcon = async (name: string) => {
         />
       </svg>
     </label>
-    <div class="drawer prose dark:prose-invert">
+    <ul class="drawer prose dark:prose-invert">
       <li class="m-0" v-for="(item, index) in navItems" :key="index">
         <!-- stupid vite doesn't let require work
           i should have just hardcoded the navbar items -->
@@ -40,7 +49,7 @@ const getSvgIcon = async (name: string) => {
         </a>
         <hr class="m-2" v-if="index !== navItems.length - 1" />
       </li>
-    </div>
+    </ul>
   </div>
 </template>