JETBRAINS IDEA Pinia Store FileTemplate

[derHodrig]

Hello fellow JetBrains User.

to start with Pinia even faster, I can recommend to setup a file template.

1. Go To file > settings > editor > file and code templates and press the + icon.
2. Type in Name "PiniaStore" (template name for the context menu)
3. paste the following code

import { defineStore } from "pinia";

#set($capitalizedFilename = $NAME.substring(0,1).toUpperCase() + $NAME.substring(1))
export const use$capitalizedFilename = defineStore('${NAME}', {
  state: () => {
    return {}
  },
  getters: {},
  actions: {}
})

4. press apply

You should be able to create a pinia template from the context menu and it set automatically the Name of the file as the Store Name and Id

If you know how to reduce the "Store", so it automatically gets set, just write it in the comments!
eg: Type themeConfig > should be automatically themeConfigStore

---

In Action

[derHodrig]

You might also like that template, whicht uses the pinia setup store and pinia persistentstate (https://prazdevs.github.io/pinia-plugin-persistedstate/)

import { defineStore } from 'pinia'

#set($capitalizedFilename = $NAME.substring(0,1).toUpperCase() + $NAME.substring(1))
export const use$capitalizedFilename = defineStore(
  '${NAME}',
  () => {
    /// region refs
    /// endregion

    /// region getters
    /// endregion

    /// region methods
    /// endregion

    return {
      /// region refs
      /// endregion
      /// region getters
      /// endregion
      /// region methods
      /// endregion
    }
  },
  {
    persist: false
  }
)