@nuxt-customer-portal/ui 0.10.0 → 0.10.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @nuxt-customer-portal/ui
 
+## 0.10.1
+
+### Patch Changes
+
+- 7c0f8df: Edit localized terms and privacy policies with the shared Markdown editor, render sanitized Markdown on legal pages, and add subtle localized links to the sidebar footer in expanded and collapsed modes.
+  - @nuxt-customer-portal/core@0.10.1
+
 ## 0.10.0
 
 ### Minor Changes

package/app/components/PortalLegalLinks.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+defineProps<{ collapsed?: boolean }>()
+const emit = defineEmits<{ navigate: [] }>()
+const { t } = useI18n()
+</script>
+
+<template>
+  <nav
+    :aria-label="t('portalLegal.navigation')"
+    class="flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted"
+    :class="collapsed ? 'justify-center' : 'px-2'"
+  >
+    <NuxtLink
+      v-for="link in [
+        { to: '/terms', label: t('portalLegal.terms'), icon: 'i-lucide-file-text' },
+        { to: '/privacy', label: t('portalLegal.privacy'), icon: 'i-lucide-shield' }
+      ]"
+      :key="link.to"
+      :to="link.to"
+      :title="collapsed ? link.label : undefined"
+      class="rounded hover:text-highlighted focus-visible:outline-2 focus-visible:outline-primary"
+      :class="collapsed ? 'flex min-h-8 min-w-8 items-center justify-center' : 'py-2'"
+      @click="emit('navigate')"
+    >
+      <UIcon v-if="collapsed" :name="link.icon" class="size-4" aria-hidden="true" />
+      <span :class="{ 'sr-only': collapsed }">{{ link.label }}</span>
+    </NuxtLink>
+  </nav>
+</template>

package/app/layouts/default.vue

@@ -97,7 +97,8 @@ onMounted(async () => {
           />
         </template>
         <template #footer="{ collapsed, collapse }">
-          <div class="flex w-full py-2" :class="collapsed ? 'justify-center' : 'justify-end'">
+          <div class="flex w-full items-center py-2" :class="collapsed ? 'flex-col' : 'justify-between'">
+            <PortalLegalLinks :collapsed="collapsed" @navigate="open = false" />
             <UButton
               :icon="collapsed ? 'i-lucide-panel-left-open' : 'i-lucide-panel-left-close'"
               color="neutral"

package/i18n/locales/en.json

@@ -1,4 +1,9 @@
 {
+  "portalLegal": {
+    "navigation": "Legal information",
+    "terms": "Terms",
+    "privacy": "Privacy policy"
+  },
   "portalMarkdown": {
     "visual": "Visual editor",
     "source": "Markdown",

package/i18n/locales/nl.json

@@ -1,4 +1,9 @@
 {
+  "portalLegal": {
+    "navigation": "Juridische informatie",
+    "terms": "Voorwaarden",
+    "privacy": "Privacybeleid"
+  },
   "portalMarkdown": {
     "visual": "Visuele editor",
     "source": "Markdown",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt-customer-portal/ui",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "license": "MIT",
   "homepage": "https://nuxt-customer-portal.com",
   "repository": {
@@ -39,7 +39,7 @@
     "remark-parse": "^11.0.0",
     "unified": "^11.0.5",
     "zod": "^4.4.3",
-    "@nuxt-customer-portal/core": "^0.10.0"
+    "@nuxt-customer-portal/core": "^0.10.1"
   },
   "peerDependencies": {
     "nuxt": "^4.5.1",

package/portal.manifest.mjs

@@ -1,6 +1,6 @@
 export default {
   id: 'ui',
-  version: '0.10.0',
+  version: '0.10.1',
   source: '@nuxt-customer-portal/ui',
   dependsOn: ['core']
 }