View source for Pinia

= Add Pinia to Vue =

== Installation ==
<syntaxhighlight lang="php" copy>
npm install pinia
</syntaxhighlight>

== Initialize ==
<syntaxhighlight lang="php" copy>
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import vuetify from './plugins/vuetify' // Adjust if necessary

const app = createApp(App)

app.use(createPinia())
app.use(vuetify)

app.mount('#app')

</syntaxhighlight>

== Create store src/stores/counter.js ==
<syntaxhighlight lang="php" copy>
import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0
  }),
  getters: {
    doubleCount: (state) => state.count * 2
  },
  actions: {
    increment() {
      this.count++
    },
    decrement() {
      this.count--
    }
  }
})
</syntaxhighlight>