diff --git a/src/components/HomeView.vue b/src/components/HomeView.vue index a6d9ae62891b42a691361beec59d3179bd00fcd4..02ad6addf14fe5ba0509f0eacc31a4856c19c502 100644 --- a/src/components/HomeView.vue +++ b/src/components/HomeView.vue @@ -1,9 +1,11 @@ <template> <div class="column items-center full-width non-selectable"> <div class="col-3" style="max-width: 450px; width: 75%"> - <img :src="src" + <img :src="secretActif ? '/clement.franckelemon.etu/portfolio-2025/spa/images/secret.png' : src " style="border-radius: 50%; width: 100%; height: 100%; object-fit: cover;" - class="full-height full-width shadow-6"> + class="full-height full-width shadow-6" + @dblclick="secretActif = !secretActif" + > </div> <div class="col-6 column items-center text-h2 text-bold text-secondary" :class="$q.screen.lt.md ? 'text-h4' : 'text-h2' "> <span class="arial text-uppercase">{{first}}</span> @@ -14,6 +16,8 @@ </template> <script setup lang="ts"> +import { ref } from 'vue' + defineProps({ first: String, second: String, @@ -23,6 +27,8 @@ defineProps({ required: true } }) + +const secretActif = ref(false) </script> <style scoped>