📄 tanstack/store/latest/docs/framework/vue/examples/simple

=====================================================================================================================================================================================================================================================================================================================================================================================

Code ExplorerCode

Interactive SandboxSandbox

src
- App.vue
- Display.vue
- Increment.vue
- main.ts
- shims-vue.d.ts
- store.ts
- types.d.ts
.gitignore
README.md
index.html
package.json
tsconfig.json
vite.config.ts

vue

<script setup>
import Increment from './Increment.vue'
import Display from './Display.vue'
</script>

<template>
  <h1>How many of your friends like cats or dogs?</h1>
  <p>
    Press one of the buttons to add a counter of how many of your friends like
    cats or dogs
  </p>
  <Increment animal="dogs" />
  <Display animal="dogs" />
  <Increment animal="cats" />
  <Display animal="cats" />
</template>


<script setup>
import Increment from './Increment.vue'
import Display from './Display.vue'
</script>

<template>
  <h1>How many of your friends like cats or dogs?</h1>
  <p>
    Press one of the buttons to add a counter of how many of your friends like
    cats or dogs
  </p>
  <Increment animal="dogs" />
  <Display animal="dogs" />
  <Increment animal="cats" />
  <Display animal="cats" />
</template>

Functions / shallow

Partners Become a Partner

scarf analytics