atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-03-07 14:39:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

feat(glitch-text): update text on enableOnHover

Browse Source
This commit is contained in:
Sahil David
2025-07-12 16:10:04 +01:00
parent 2b394c9aae
commit d2a5837b74
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/demo/TextAnimations/GlitchTextDemo.vue
View File

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