added state refs and patching

CRBroughton · CRBroughton · commit 6799af485e8f · 2021-11-19T07:19:32.000Z
diff --git a/snippets/pinia.json b/snippets/pinia.json
@@ -1,20 +1,50 @@
 {
-    "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": {
+    "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": "pstorestaterefs",
+    "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": "pstorepatch",
+    "body": [
+      "store.$patch({",
+      "\tcount: store.count++",
+      "})"
+    ],
+    "description": "Pinia Store Patch"
+  },
+  "Pinia Store Patch Function": {
+    "prefix": "pstorepatchfunction",
+    "body": [
+      "store.$patch((state) => {",
+      "\tstate.items.push({ name: 'shoes', quantity: 1 })",
+      "\tstate.hasChanged = true",
+      "})"
+    ],
+    "description": "Pinia Store Patch Function"
+  }
 }
