mirror of
https://github.com/DavidHDev/vue-bits.git
synced 2026-03-07 06:29:30 -07:00
feat(glitch-text): update text on enableOnHover
This commit is contained in:
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user