Adds Pinia snippets

README.md

@@ -141,6 +141,15 @@ You can enable tab completion (recommended) by opening `Code > Preferences > Set
 | `vstore-import` | Import vuex store into main.js |
 | `vstore2`       | Updated Base for Vuex store    |
 
+### Pinia
+
+| Snippet         | Purpose                        |
+| --------------- | ------------------------------ |
+| `pstore`        | Base for Pinia store.ts        |
+| `pstateref`     | Access Pinia State             |
+| `ppatch`        | Pinia Patch                    |
+| `ppatchf`       | Pinia Patch Function           |
+
 ### Vue Router
 
 | Snippet              | Purpose                                       |

package.json

@@ -21,6 +21,8 @@
     "Vue 3",
     "Vue 2",
     "Composition API",
+    "Vuex",
+    "Pinia",
     "Vue Snippets"
   ],
   "categories": [
@@ -75,6 +77,10 @@
       {
         "language": "typescript",
         "path": "./snippets/nuxt-config.json"
+      },
+      {
+        "language": "typescript",
+        "path": "./snippets/pinia.json"
       }
     ]
   }

snippets/pinia.json

@@ -0,0 +1,57 @@
+{
+  "Pinia Store": {
+    "prefix": "pstore",
+    "body": [
+      "import { defineStore } from 'pinia'",
+      "",
+      "export const useCounterStore = defineStore('counter', {",
+      "\tstate: () => {",
+      "\t\treturn { count: 0 }",
+      "\t},",
+      "\tactions: {",
+      "\t\tincrement() {",
+      "\t\t\tthis.count++",
+      "\t\t},",
+      "\t},",
+      "})"
+    ],
+    "description": "Basic Pinia Store"
+  },
+  "Pinia Store State Refs": {
+    "prefix": "pstateref",
+    "body": [
+      "import { useCounterStore } from '@/store/main'",
+      "",
+      "const store = useCounterStore()",
+      "const { count } = storeToRefs(store)",
+      "// You can access destructured state like so: store.counter++"
+    ],
+    "description": "Destructure Pinia State"
+  },
+  "Pinia Store Patch": {
+    "prefix": "ppatch",
+    "body": [
+      "store.$patch({",
+      "\tcount: store.count++",
+      "})"
+    ],
+    "description": "Pinia Store Patch"
+  },
+  "Pinia Store Patch Function": {
+    "prefix": "ppatchf",
+    "body": [
+      "store.$patch((state) => {",
+      "\tstate.items.push({ name: 'shoes', quantity: 1 })",
+      "\tstate.hasChanged = true",
+      "})"
+    ],
+    "description": "Pinia Store Patch Function"
+  },
+  "Pinia Import Store": {
+    "prefix": "pstore-import",
+    "body": [
+      "import { useCounterStore } from '@/store/main'"
+    ],
+    "description": "Import a Pinia store"
+  }
+}