feat: add changelog page

src/services/routerUtils.js

@@ -3,6 +3,7 @@ import BouquetAddView from '@/custom/ecospheres/views/bouquets/BouquetAddView.vu
 import BouquetDetailView from '@/custom/ecospheres/views/bouquets/BouquetDetailView.vue'
 import BouquetEditView from '@/custom/ecospheres/views/bouquets/BouquetEditView.vue'
 import BouquetsListView from '@/custom/ecospheres/views/bouquets/BouquetsListView.vue'
+import ChangelogView from '@/views/ChangelogView.vue'
 
 import HomeView from '../views/HomeView.vue'
 import LoginView from '../views/LoginView.vue'
@@ -136,6 +137,13 @@ export default class RouterFetch {
         component: LogoutView
       })
     }
+
+    items.push({
+      path: '/changelog',
+      name: 'changelog',
+      component: ChangelogView
+    })
+
     return items
   }
 }

src/typings/markdow.d.ts

@@ -0,0 +1,4 @@
+declare module '*.md?raw' {
+  const content: string
+  export default content
+}

src/views/ChangelogView.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+import { fromMarkdown } from '@/utils'
+
+import changelogContent from '../../CHANGELOG.md?raw'
+
+const links = computed(() => [
+  { to: '/', text: 'Accueil' },
+  { text: 'Changelog' }
+])
+</script>
+
+<template>
+  <div class="fr-container">
+    <DsfrBreadcrumb class="fr-mb-1v" :links="links" />
+  </div>
+  <div class="fr-container fr-mb-4w">
+    <!-- eslint-disable-next-line vue/no-v-html -->
+    <div v-html="fromMarkdown(changelogContent)"></div>
+  </div>
+</template>

vite.config.ts

@@ -46,6 +46,7 @@ export default defineConfig(({ mode }) => {
     test: {
       environment: 'happy-dom',
       globals: true
-    }
+    },
+    assetsInclude: ['**/*.md']
   }
 })