Merge pull request #21 from betagouv/iframe-layout

Ajoute un layout dédié à l'iframe et un middleware pour l'appliquer dynamiquement à la page

CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 0.1.0 [#21](https://github.com/betagouv/aides-simulateur-front/pull/21)
+
+* Ajout de fonctionnalité.
+* Détail :
+  * Applique un layout dédié aux pages exposées par `iframe` (sans header, footer ni padding)
+
 ### 0.0.2 [#13](https://github.com/betagouv/aides-simulateur-front/pull/13)
 
 * Évolution technique.

client/layouts/iframe.vue

@@ -0,0 +1,9 @@
+<template>
+  <main
+    id="content"
+    role="main"
+    tabindex="0"
+  >
+    <slot />
+  </main>
+</template>

client/middleware/check-iframe-layout.ts

@@ -0,0 +1,5 @@
+export default defineNuxtRouteMiddleware((to) => {
+  if (isIframeRoute(to)) {
+    return setPageLayout('iframe')
+  }
+})

client/pages/simulateurs/[simulateur_id].vue

@@ -3,6 +3,10 @@ import { simulateurs, type Simulateur } from '@/data/simulateurs'
 
 definePageMeta({
   layout: 'default',
+  middleware: 'check-iframe-layout',
+  validate ({ params }) {
+    return simulateurs.some(s => s.id === params.simulateur_id)
+  }
 })
 
 const route = useRoute()

client/utils/is-iframe-route.ts

@@ -0,0 +1,8 @@
+import type { RouteLocationNormalizedGeneric } from 'vue-router'
+
+export function isIframeRoute (route: RouteLocationNormalizedGeneric) {
+  return (
+    route.query.iframe === 'true'
+    || route.params.iframe === 'true'
+  )
+}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "aides-simulateur-front",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "engines": {
     "node": "22"
   },