diff options
Diffstat (limited to 'examples/framework-multiple/src/components/VueCounter.vue')
-rw-r--r-- | examples/framework-multiple/src/components/VueCounter.vue | 33 |
1 files changed, 0 insertions, 33 deletions
diff --git a/examples/framework-multiple/src/components/VueCounter.vue b/examples/framework-multiple/src/components/VueCounter.vue deleted file mode 100644 index 74820f7f0..000000000 --- a/examples/framework-multiple/src/components/VueCounter.vue +++ /dev/null @@ -1,33 +0,0 @@ -<template> - <!-- - Seeing type errors on the word `class`? - This unfortunately happens because @types/react's JSX definitions leak into every file due to being declared globally. - There's currently no way to prevent this when using both Vue and React with TypeScript in the same project. - You can read more about this issue here: https://github.com/johnsoncodehk/volar/discussions/592 - --> - <div class="counter"> - <button @click="subtract()">-</button> - <pre>{{ count }}</pre> - <button @click="add()">+</button> - </div> - <div class="counter-message"> - <slot /> - </div> -</template> - -<script lang="ts"> -import { ref } from 'vue'; -export default { - setup() { - const count = ref(0); - const add = () => (count.value = count.value + 1); - const subtract = () => (count.value = count.value - 1); - - return { - count, - add, - subtract, - }; - }, -}; -</script> |