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',