ajout de l'effet brush p5

pages/contact.vue

@@ -1,19 +1,24 @@
 <template>
-    <main id="contact">
-        <div>
-            <img 
-                :src="`/imgs/small/${globalData.contact_image}.webp`"
-                :alt="globalData.contact_image_titre"
-            />
-        </div>
-        <div>
-            <p v-html="globalData.contact_text"></p>
-            <a :href="'mailto:' + globalData.email">{{ globalData.email }}</a>
-        </div>
+    <main>
+        <Brush />
+        <main id="contact">
+            <div>
+                <img 
+                    :src="`/imgs/small/${globalData.contact_image}.webp`"
+                    :alt="globalData.contact_image_titre"
+                />
+            </div>
+            <div>
+                <p v-html="globalData.contact_text"></p>
+                <a :href="'mailto:' + globalData.email">{{ globalData.email }}</a>
+            </div>
+        </main>
     </main>
 </template>
 
 <script>
+import Brush from '@/components/Brush.vue';
+
 export default {
     async setup() {
 
@@ -27,6 +32,9 @@ export default {
         return {
             globalData
         }
+    },
+    components: {
+        Brush
     }
 }
 </script>

pages/galerie.vue

@@ -1,9 +1,13 @@
 <template>
-    <Projects :contents="galerie" />
+    <main>
+        <Brush />
+        <Projects :contents="galerie" />
+    </main>
 </template>
 
 <script>
 import Projects from '@/components/Projects.vue';
+import Brush from '@/components/Brush.vue';
 
 export default {
     setup() {
@@ -22,7 +26,8 @@ export default {
         };
     },
     components: {
-        Projects
+        Projects,
+        Brush
     }
 };
 </script>

pages/magasin.vue

@@ -1,5 +1,6 @@
 <template>
     <main>
+        <Brush />
         <p>{{ globalData.magasin_explication }}</p>
         <div class="category">
             <div>
@@ -16,6 +17,7 @@
 
 <script>
 import Projects from '@/components/Projects.vue';
+import Brush from '@/components/Brush.vue';
 
 export default {
     async setup() {
@@ -44,7 +46,8 @@ export default {
         };
     },
     components: {
-        Projects
+        Projects,
+        Brush
     }
 };
 </script>