VS Code Snippet for Defining Pinia Stores

javascript.json

{
  "Pinia Store Boilerplate": {
    "prefix": "pinia",
    "body": [
      "import { defineStore, acceptHMRUpdate } from \"pinia\";",
      "",
      "export const use$TM_FILENAME_BASE = defineStore(\"$TM_FILENAME_BASE\", {",
      "  state: () => {",
      "    return {",
      "      $0",
      "    };",
      "  },",
      "  getters: {},",
      "  actions: {},",
      "});",
      "",
      "if (import.meta.hot) {",
      "  import.meta.hot.accept(acceptHMRUpdate(use$TM_FILENAME_BASE, import.meta.hot));",
      "}",
      ""
    ],
    "description": "Bootstrap the code needed for a Vue.js Pinia store file"
  }
}

Instructions for Use

• Run VS Code Command "Preferences: Configure User Snippets"
• Choose JavaScript from menu
• Add snippet to javascript.json
• Repeat process for TypeScript if desired

the use of this plugin https://marketplace.visualstudio.com/items?itemName=wenfangdu.snippet-generator can be helpful... :)