summaryrefslogtreecommitdiff
path: root/examples/framework-multiple/src/components/VueCounter.vue
diff options
context:
space:
mode:
Diffstat (limited to 'examples/framework-multiple/src/components/VueCounter.vue')
-rw-r--r--examples/framework-multiple/src/components/VueCounter.vue33
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>