tp3

tp3/pages/category/[categoryName].vue

@@ -0,0 +1,22 @@
+<template>
+    <div>
+        <h1>Catégorie : {{ $route.params.categoryName }}</h1>
+        <div class="container">
+            <div class="row">
+                <ProductContainer>
+                    <ProductCard name="test1" price="10" description="description1" class="col-4" />
+                    <ProductCard name="test2" price="20" description="description2" class="col-4" />
+                    <ProductCard name="test3" price="30" description="description3" class="col-4" />
+                </ProductContainer>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup>
+const route = useRoute()
+console.log(route.params.categoryName)
+useHead({
+        title: 'Catégorie ' + route.params.categoryName
+    })
+</script>

tp3/pages/index.vue

@@ -0,0 +1,13 @@
+<template>
+    <div>
+        <h1>Salut les pommes</h1>
+    </div>
+</template>
+
+<style>
+
+</style>
+
+<script>
+
+</script>