feat(vue): Add Suspense vue-html snippet (#71)

This snippet provides a quick and convenient way to insert a Suspense
component in Vue 3, with a fallback template.

Author: kopkaa

README.md

@@ -44,22 +44,23 @@ These snippets were made to speed up Vue 3 development. With it you can write bo
 
 ### Template
 
-| Snippet        | Purpose                           |
-| -------------- | --------------------------------- |
-| `vfor`         | `v-for` statement                 |
-| `vmodel`       | `v-model` directive               |
-| `von`          | `v-on` click handler              |
-| `vel-props`    | Component element with `props`    |
-| `vslot-named`  | Named slot                        |
-| `vimg`         | Image source binding              |
-| `vstyle`       | Inline style binding              |
-| `vstyle-obj`   | Inline style binding with objects |
-| `vclass`       | Class binding                     |
-| `vclass-ter`   | Ternary class binding             |
-| `vtrans`       | Transition component              |
-| `vtrans-group` | Transition group component        |
-| `vrlink`       | Router link                       |
-| `vrlink-param` | Router link with param            |
+| Snippet        | Purpose                                |
+| -------------- | -------------------------------------- |
+| `vfor`         | `v-for` statement                      |
+| `vmodel`       | `v-model` directive                    |
+| `von`          | `v-on` click handler                   |
+| `vel-props`    | Component element with `props`         |
+| `vslot-named`  | Named slot                             |
+| `vimg`         | Image source binding                   |
+| `vstyle`       | Inline style binding                   |
+| `vstyle-obj`   | Inline style binding with objects      |
+| `vclass`       | Class binding                          |
+| `vclass-ter`   | Ternary class binding                  |
+| `vtrans`       | Transition component                   |
+| `vtrans-group` | Transition group component             |
+| `vrlink`       | Router link                            |
+| `vrlink-param` | Router link with param                 |
+| `vsuspense`    | Suspense wrapper with fallback content |
 
 ### Script
 

snippets/vue/vue-template.code-snippets

@@ -89,4 +89,15 @@
     ],
     "description": "vue router link with param"
   },
+  "Vue Suspense Wrapper": {
+    "prefix": "vsuspense",
+    "body": [
+      "<Suspense>",
+      "  <template #fallback>",
+      "    ${1:Loading...}",
+      "  </template>",
+      "</Suspense>"
+    ],
+    "description": "Vue 3 Suspense component with fallback template"
+  }
 }