From d2a5837b740038cc542a1b7bc663ce7a211cb846 Mon Sep 17 00:00:00 2001
From: Sahil David <sahildavid.dev@gmail.com>
Date: Sat, 12 Jul 2025 16:10:04 +0100
Subject: [PATCH] feat(glitch-text): update text on enableOnHover

---
 src/demo/TextAnimations/GlitchTextDemo.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/demo/TextAnimations/GlitchTextDemo.vue b/src/demo/TextAnimations/GlitchTextDemo.vue
index 56e709f..5cf850e 100644
--- a/src/demo/TextAnimations/GlitchTextDemo.vue
+++ b/src/demo/TextAnimations/GlitchTextDemo.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, watch } from 'vue';
 import TabbedLayout from '../../components/common/TabbedLayout.vue';
 import CodeExample from '../../components/code/CodeExample.vue';
 import CliInstallation from '../../components/code/CliInstallation.vue';
@@ -55,6 +55,10 @@ const speed = ref(0.5);
 const enableShadows = ref(true);
 const enableOnHover = ref(false);
 
+watch(enableOnHover, newValue => {
+  text.value = newValue ? 'Hover Me' : 'Vue Bits';
+});
+
 const propData = [
   {
     name: 'children',