Portfolio


createApp(App).use(createPinia()).mount('#app')


import { defineStore } from 'pinia'

export const useCountStore = defineStore('count', {
	state() {
		return {
			count: 1
		}
	},
	getters: {
		double(state) {
			return state.count*2
		}
	},
	actions: {
		increase() {
			this.count += 1
		},
		decrease() {
			this.count -= 1
		}
	}
})


<script setup lang="ts">
	import { useCountStore } from './store/count'
	
	const countStore = useCountStore()
</script>

<template>
	<h1>{{ countStore.count }}</h1>
	<h2>{{ countStore.double }} </h2>
	<button @click="countStore.increase">Increase</button>
	<button @click="countStore.increase">Increase</button>
</template>