@dargmuesli/nuxt-vio 7.0.0 → 8.0.0

package/components/vio/icon/VioIconArrowLeft.vue

@@ -0,0 +1,9 @@
+<template>
+  <VioIconContainer>
+    <ArrowLeftIcon />
+  </VioIconContainer>
+</template>
+
+<script setup lang="ts">
+import { ArrowLeftIcon } from '@heroicons/vue/24/outline'
+</script>

package/components/vio/icon/VioIconContainer.vue

@@ -7,9 +7,10 @@
 <script setup lang="ts">
 export interface Props {
   classes?: string
-  title: string
+  title?: string
 }
 withDefaults(defineProps<Props>(), {
   classes: 'h-5 md:h-6 w-5 md:w-6 shrink-0',
+  title: undefined,
 })
 </script>

package/components/vio/layout/VioLayout.vue

@@ -1,8 +1,14 @@
 <template>
   <div class="container mx-auto p-4 md:px-8">
+    <header v-if="$slots.header">
+      <slot name="header" />
+    </header>
     <main>
       <slot />
     </main>
+    <footer v-if="$slots.footer">
+      <slot name="footer" />
+    </footer>
     <CookieControl :locale="locale" />
   </div>
 </template>

package/nuxt.config.ts

@@ -126,7 +126,7 @@ export default defineNuxtConfig(
         locales: ['en', 'de'],
       },
       htmlValidator: {
-        failOnError: false, // TODO: fix invalid html in nuxt html template (https://github.com/nuxt/nuxt/issues/22526)
+        failOnError: true,
         logLevel: 'warning',
       },
       i18n: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "7.0.0",
+  "version": "8.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dargmuesli/vio.git"
@@ -67,9 +67,10 @@
   "dependencies": {
     "@axe-core/playwright": "4.7.3",
     "@dargmuesli/nuxt-cookie-control": "6.4.2",
+    "@heroicons/vue": "2.0.18",
     "@http-util/status-i18n": "0.8.1",
     "@intlify/eslint-plugin-vue-i18n": "3.0.0-next.3",
-    "@nuxt/image": "1.0.0-rc.1",
+    "@nuxt/image": "1.0.0-rc.2",
     "@nuxtjs/color-mode": "3.3.0",
     "@nuxtjs/eslint-config-typescript": "12.1.0",
     "@nuxtjs/html-validator": "1.5.2",