From 82d238cc10f413275ccfc225fbe76bc6860188ea Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 14:37:58 +0300
Subject: [PATCH 1/8] Histoire config snippets #20

---
 package.json                           |  8 +++++++
 snippets/histoire-script.code-snippets | 32 ++++++++++++++++++++++++++
 2 files changed, 40 insertions(+)
 create mode 100644 snippets/histoire-script.code-snippets

diff --git a/package.json b/package.json
index 5a75aac..ec275e7 100644
--- a/package.json
+++ b/package.json
@@ -90,6 +90,14 @@
       {
         "language": "typescript",
         "path": "./snippets/nuxt-script.code-snippets"
+      },
+      {
+        "language": "javascript",
+        "path": "./snippets/histoire-script.code-snippets"
+      },
+      {
+        "language": "typescript",
+        "path": "./snippets/histoire-script.code-snippets"
       }
     ]
   }
diff --git a/snippets/histoire-script.code-snippets b/snippets/histoire-script.code-snippets
new file mode 100644
index 0000000..676d11c
--- /dev/null
+++ b/snippets/histoire-script.code-snippets
@@ -0,0 +1,32 @@
+{
+  "Histoire config": {
+    "prefix": "hconfig",
+    "body": [
+      "import { defineConfig } from 'histoire'",
+      "import { HstVue } from '@histoire/plugin-vue'",
+      "",
+      "export default defineConfig({",
+      "\tplugins: [",
+      "\t\tHstVue(),",
+      "\t],",
+      "})"
+    ],
+    "description": "Histoire config for Vue 3"
+  },
+  "Histoire config - Nuxt": {
+    "prefix": "hconfig-nuxt",
+    "body": [
+      "import { defineConfig } from 'histoire'",
+      "import { HstVue } from '@histoire/plugin-vue'",
+      "import { HstNuxt } from '@histoire/plugin-nuxt'",
+      "",
+      "export default defineConfig({",
+      "\tplugins: [",
+      "\t\tHstVue(),",
+      "\t\tHstNuxt(),",
+      "\t],",
+      "})"
+    ],
+    "description": "Histoire config for Nuxt 3"
+  },
+}

From a63ba6d4d300798f7a5e5d50f25e6d46702f128d Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 14:48:45 +0300
Subject: [PATCH 2/8] Histoire story base #20

---
 package.json                    |  4 ++++
 snippets/histoire.code-snippets | 17 +++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 snippets/histoire.code-snippets

diff --git a/package.json b/package.json
index ec275e7..af4ed60 100644
--- a/package.json
+++ b/package.json
@@ -91,6 +91,10 @@
         "language": "typescript",
         "path": "./snippets/nuxt-script.code-snippets"
       },
+      {
+        "language": "vue",
+        "path": "./snippets/histoire.code-snippets"
+      },
       {
         "language": "javascript",
         "path": "./snippets/histoire-script.code-snippets"
diff --git a/snippets/histoire.code-snippets b/snippets/histoire.code-snippets
new file mode 100644
index 0000000..3a4b727
--- /dev/null
+++ b/snippets/histoire.code-snippets
@@ -0,0 +1,17 @@
+{
+  "Histoire story base": {
+    "prefix": "hbase",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>",
+      "",
+      "<template>",
+      "\t<Story title='${1:storyTitle}'>",
+      "\t\t$0",
+      "\t</Story>",
+      "</template>",
+    ],
+    "description": "Base code for story"
+  },
+}

From 690bf6a5ed3ddc5b91eb48548e7ca774ae29b7c9 Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 14:50:24 +0300
Subject: [PATCH 3/8] Remove extra line in vue snippets

---
 snippets/vue.code-snippets | 21 +++++++--------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/snippets/vue.code-snippets b/snippets/vue.code-snippets
index 7a80abf..dae7bd4 100644
--- a/snippets/vue.code-snippets
+++ b/snippets/vue.code-snippets
@@ -4,8 +4,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -24,8 +23,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -44,8 +42,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -64,8 +61,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -84,8 +80,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -104,8 +99,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",
@@ -124,8 +118,7 @@
     "body": [
       "<script setup lang='ts'>",
       "",
-      "</script>"
-      ,
+      "</script>",
       "",
       "<template>",
       "\t<div>",

From 7e9ba3ccddc31cc98580201f21cc4f6cbd9448dc Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 14:58:31 +0300
Subject: [PATCH 4/8] Histoire variants #20

---
 package.json                             |  4 ++++
 snippets/histoire-template.code-snippets | 11 +++++++++++
 snippets/histoire.code-snippets          | 17 +++++++++++++++++
 3 files changed, 32 insertions(+)
 create mode 100644 snippets/histoire-template.code-snippets

diff --git a/package.json b/package.json
index af4ed60..e36c9f9 100644
--- a/package.json
+++ b/package.json
@@ -95,6 +95,10 @@
         "language": "vue",
         "path": "./snippets/histoire.code-snippets"
       },
+      {
+        "language": "html",
+        "path": "./snippets/histoire-template.code-snippets"
+      },
       {
         "language": "javascript",
         "path": "./snippets/histoire-script.code-snippets"
diff --git a/snippets/histoire-template.code-snippets b/snippets/histoire-template.code-snippets
new file mode 100644
index 0000000..4cb8388
--- /dev/null
+++ b/snippets/histoire-template.code-snippets
@@ -0,0 +1,11 @@
+{
+  "Histoire story variant": {
+    "prefix": "hvariant",
+    "body": [
+      "<Variant title='${1:variantTitle}'>",
+      "\t$0",
+      "</Variant>",
+    ],
+    "description": "Story variant"
+  },
+}
diff --git a/snippets/histoire.code-snippets b/snippets/histoire.code-snippets
index 3a4b727..2443816 100644
--- a/snippets/histoire.code-snippets
+++ b/snippets/histoire.code-snippets
@@ -14,4 +14,21 @@
     ],
     "description": "Base code for story"
   },
+  "Histoire story base with variant": {
+    "prefix": "hbase-variant",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>",
+      "",
+      "<template>",
+      "\t<Story title='${1:storyTitle}'>",
+      "\t\t<Variant title='${2:variantTitle}'>",
+      "\t\t\t$0",
+      "\t\t</Variant>",
+      "\t</Story>",
+      "</template>",
+    ],
+    "description": "Base code for story with variant"
+  },
 }

From 06bc71400c8d597fd51f36539887b3d1810f373a Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 15:13:00 +0300
Subject: [PATCH 5/8] Histoire layouts #20

---
 snippets/histoire-template.code-snippets |  7 +++++++
 snippets/histoire.code-snippets          | 20 ++++++++++++++++++++
 2 files changed, 27 insertions(+)

diff --git a/snippets/histoire-template.code-snippets b/snippets/histoire-template.code-snippets
index 4cb8388..8a17667 100644
--- a/snippets/histoire-template.code-snippets
+++ b/snippets/histoire-template.code-snippets
@@ -8,4 +8,11 @@
     ],
     "description": "Story variant"
   },
+  "Histoire grid layout": {
+    "prefix": "hgrid",
+    "body": [
+      ":layout='{ type: 'grid', width: ${1:gridWidth} }'",
+    ],
+    "description": "Histoire grid layout"
+  },
 }
diff --git a/snippets/histoire.code-snippets b/snippets/histoire.code-snippets
index 2443816..8be2135 100644
--- a/snippets/histoire.code-snippets
+++ b/snippets/histoire.code-snippets
@@ -31,4 +31,24 @@
     ],
     "description": "Base code for story with variant"
   },
+  "Histoire story base with grid layout": {
+    "prefix": "hbase-grid",
+    "body": [
+      "<script setup lang='ts'>",
+      "",
+      "</script>",
+      "",
+      "<template>",
+      "\t<Story",
+      "\t\ttitle='${1:storyTitle}'",
+      "\t\t:layout='{ type: 'grid', width: 300 }'",
+      "\t/>",
+      "\t\t<Variant title='${2:variantTitle}'>",
+      "\t\t\t$0",
+      "\t\t</Variant>",
+      "\t</Story>",
+      "</template>",
+    ],
+    "description": "Base code for story with grid layout"
+  },
 }

From 4ae895e4962162505b28604b1b5b21a6bfbd0230 Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 16:02:29 +0300
Subject: [PATCH 6/8] Histoire controls #20

---
 snippets/histoire-template.code-snippets | 75 ++++++++++++++++++++++++
 1 file changed, 75 insertions(+)

diff --git a/snippets/histoire-template.code-snippets b/snippets/histoire-template.code-snippets
index 8a17667..722496a 100644
--- a/snippets/histoire-template.code-snippets
+++ b/snippets/histoire-template.code-snippets
@@ -15,4 +15,79 @@
     ],
     "description": "Histoire grid layout"
   },
+  "Histoire controls": {
+    "prefix": "hcontrols-base",
+    "body": [
+      "<template #controls>",
+      "\t$0",
+      "</template>"
+    ],
+    "description": "Histoire controls base"
+  },
+  "Histoire controls - Button": {
+    "prefix": "hcontrols-button",
+    "body": [
+      "<HstButton class='htw-p-2'>",
+      "\t$0",
+      "</HstButton>"
+    ],
+    "description": "Histoire controls - Button"
+  },
+  "Histoire controls - Button Group": {
+    "prefix": "hcontrols-buttongroup",
+    "body": [
+      "<HstButtonGroup",
+      "\tv-model='${2:vModel}'",
+      "\ttitle='${1:label}'",
+      "\t:options='[",
+      "\t\t{",
+      "\t\t\tlabel: '${3:optionTitle}',",
+      "\t\t\tvalue: '${4:optionValue}'",
+      "\t\t}",
+      "\t]'",
+      "/>",
+    ],
+    "description": "Histoire controls - Button Group"
+  },
+  "Histoire controls - Checkbox": {
+    "prefix": "hcontrols-checkbox",
+    "body": [
+      "<HstCheckbox",
+      "\tv-model='${2:vModel}'",
+      "\ttitle='${1:label}'",
+      "/>"
+    ],
+    "description": "Histoire controls - Checkbox"
+  },
+  "Histoire controls - Number": {
+    "prefix": "hcontrols-number",
+    "body": [
+      "<HstNumber",
+      "\tv-model='${2:vModel}'",
+      "\t:step='1'",
+      "\ttitle='${1:label}'",
+      "/>"
+    ],
+    "description": "Histoire controls - Number"
+  },
+  "Histoire controls - Text": {
+    "prefix": "hcontrols-text",
+    "body": [
+      "<HstText",
+      "\tv-model='${2:vModel}'",
+      "\ttitle='${1:label}'",
+      "/>"
+    ],
+    "description": "Histoire controls - Text"
+  },
+  "Histoire controls - Textarea": {
+    "prefix": "hcontrols-textarea",
+    "body": [
+      "<HstTextarea",
+      "\tv-model='${2:vModel}'",
+      "\ttitle='${1:label}'",
+      "/>"
+    ],
+    "description": "Histoire controls - Textarea"
+  },
 }

From e26eaafb59b0e850c25aaea623c31679fa4c7ef7 Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 15:53:43 +0300
Subject: [PATCH 7/8] Folders restructure

---
 package.json                                  | 30 +++++++++----------
 .../histoire-script.code-snippets             |  0
 .../histoire-template.code-snippets           |  0
 .../{ => histoire}/histoire.code-snippets     |  0
 snippets/{ => nuxt}/nuxt-script.code-snippets |  0
 .../{ => nuxt}/nuxt-template.code-snippets    |  0
 snippets/{ => pinia}/pinia.code-snippets      |  0
 snippets/{ => vue}/vue-router.code-snippets   |  0
 snippets/{ => vue}/vue-script.code-snippets   |  0
 snippets/{ => vue}/vue-template.code-snippets |  0
 snippets/{ => vue}/vue.code-snippets          |  0
 11 files changed, 15 insertions(+), 15 deletions(-)
 rename snippets/{ => histoire}/histoire-script.code-snippets (100%)
 rename snippets/{ => histoire}/histoire-template.code-snippets (100%)
 rename snippets/{ => histoire}/histoire.code-snippets (100%)
 rename snippets/{ => nuxt}/nuxt-script.code-snippets (100%)
 rename snippets/{ => nuxt}/nuxt-template.code-snippets (100%)
 rename snippets/{ => pinia}/pinia.code-snippets (100%)
 rename snippets/{ => vue}/vue-router.code-snippets (100%)
 rename snippets/{ => vue}/vue-script.code-snippets (100%)
 rename snippets/{ => vue}/vue-template.code-snippets (100%)
 rename snippets/{ => vue}/vue.code-snippets (100%)

diff --git a/package.json b/package.json
index e36c9f9..56bb066 100644
--- a/package.json
+++ b/package.json
@@ -49,63 +49,63 @@
     "snippets": [
       {
         "language": "vue",
-        "path": "./snippets/vue.code-snippets"
+        "path": "./snippets/vue/vue.code-snippets"
       },
       {
         "language": "html",
-        "path": "./snippets/vue-template.code-snippets"
+        "path": "./snippets/vue/vue-template.code-snippets"
       },
       {
         "language": "javascript",
-        "path": "./snippets/vue-script.code-snippets"
+        "path": "./snippets/vue/vue-script.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/vue-script.code-snippets"
+        "path": "./snippets/vue/vue-script.code-snippets"
       },
       {
         "language": "javascript",
-        "path": "./snippets/pinia.code-snippets"
+        "path": "./snippets/pinia/pinia.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/pinia.code-snippets"
+        "path": "./snippets/pinia/pinia.code-snippets"
       },
       {
         "language": "javascript",
-        "path": "./snippets/vue-router.code-snippets"
+        "path": "./snippets/vue/vue-router.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/vue-router.code-snippets"
+        "path": "./snippets/vue/vue-router.code-snippets"
       },
       {
         "language": "html",
-        "path": "./snippets/nuxt-template.code-snippets"
+        "path": "./snippets/nuxt/nuxt-template.code-snippets"
       },
       {
         "language": "javascript",
-        "path": "./snippets/nuxt-script.code-snippets"
+        "path": "./snippets/nuxt/nuxt-script.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/nuxt-script.code-snippets"
+        "path": "./snippets/nuxt/nuxt-script.code-snippets"
       },
       {
         "language": "vue",
-        "path": "./snippets/histoire.code-snippets"
+        "path": "./snippets/histoire/histoire.code-snippets"
       },
       {
         "language": "html",
-        "path": "./snippets/histoire-template.code-snippets"
+        "path": "./snippets/histoire/histoire-template.code-snippets"
       },
       {
         "language": "javascript",
-        "path": "./snippets/histoire-script.code-snippets"
+        "path": "./snippets/histoire/histoire-script.code-snippets"
       },
       {
         "language": "typescript",
-        "path": "./snippets/histoire-script.code-snippets"
+        "path": "./snippets/histoire/histoire-script.code-snippets"
       }
     ]
   }
diff --git a/snippets/histoire-script.code-snippets b/snippets/histoire/histoire-script.code-snippets
similarity index 100%
rename from snippets/histoire-script.code-snippets
rename to snippets/histoire/histoire-script.code-snippets
diff --git a/snippets/histoire-template.code-snippets b/snippets/histoire/histoire-template.code-snippets
similarity index 100%
rename from snippets/histoire-template.code-snippets
rename to snippets/histoire/histoire-template.code-snippets
diff --git a/snippets/histoire.code-snippets b/snippets/histoire/histoire.code-snippets
similarity index 100%
rename from snippets/histoire.code-snippets
rename to snippets/histoire/histoire.code-snippets
diff --git a/snippets/nuxt-script.code-snippets b/snippets/nuxt/nuxt-script.code-snippets
similarity index 100%
rename from snippets/nuxt-script.code-snippets
rename to snippets/nuxt/nuxt-script.code-snippets
diff --git a/snippets/nuxt-template.code-snippets b/snippets/nuxt/nuxt-template.code-snippets
similarity index 100%
rename from snippets/nuxt-template.code-snippets
rename to snippets/nuxt/nuxt-template.code-snippets
diff --git a/snippets/pinia.code-snippets b/snippets/pinia/pinia.code-snippets
similarity index 100%
rename from snippets/pinia.code-snippets
rename to snippets/pinia/pinia.code-snippets
diff --git a/snippets/vue-router.code-snippets b/snippets/vue/vue-router.code-snippets
similarity index 100%
rename from snippets/vue-router.code-snippets
rename to snippets/vue/vue-router.code-snippets
diff --git a/snippets/vue-script.code-snippets b/snippets/vue/vue-script.code-snippets
similarity index 100%
rename from snippets/vue-script.code-snippets
rename to snippets/vue/vue-script.code-snippets
diff --git a/snippets/vue-template.code-snippets b/snippets/vue/vue-template.code-snippets
similarity index 100%
rename from snippets/vue-template.code-snippets
rename to snippets/vue/vue-template.code-snippets
diff --git a/snippets/vue.code-snippets b/snippets/vue/vue.code-snippets
similarity index 100%
rename from snippets/vue.code-snippets
rename to snippets/vue/vue.code-snippets

From 37c61e811ba076387b5107de0bbcbf26df069c59 Mon Sep 17 00:00:00 2001
From: Vasily Kuzin <exer7um@gmail.com>
Date: Sat, 15 Oct 2022 16:03:00 +0300
Subject: [PATCH 8/8] Documentation #20

---
 README.md | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/README.md b/README.md
index 249fb7c..9398912 100644
--- a/README.md
+++ b/README.md
@@ -128,6 +128,27 @@ These snippets were made to speed up Vue 3 development. With it you can write bo
 
 > Snippets with ⚠️ symbol are unreleased.
 
+### Histoire
+
+| Snippet                   | Purpose                              |
+| ------------------------- | ------------------------------------ |
+| ⚠️ `hconfig`               | Histoire config for Vue 3            |
+| ⚠️ `hconfig-nuxt`          | Histoire config for Nuxt 3           |
+| ⚠️ `hbase`                 | Base code for story                  |
+| ⚠️ `hbase-variant`         | Base code for story with variant     |
+| ⚠️ `hbase-grid`            | Base code for story with grid layout |
+| ⚠️ `hvariant`              | Story variant                        |
+| ⚠️ `hgrid`                 | Histoire grid layout                 |
+| ⚠️ `hcontrols-base`        | Histoire controls base               |
+| ⚠️ `hcontrols-button`      | Histoire controls - Button           |
+| ⚠️ `hcontrols-buttongroup` | Histoire controls - Button Group     |
+| ⚠️ `hcontrols-checkbox`    | Histoire controls - Checkbox         |
+| ⚠️ `hcontrols-number`      | Histoire controls - Number           |
+| ⚠️ `hcontrols-text`        | Histoire controls - Text             |
+| ⚠️ `hcontrols-textarea`    | Histoire controls - Textarea         |
+
+> Snippets with ⚠️ symbol are unreleased.
+
 ## Contributing
 
 This is an open source project open to anyone. Contributors are welcome on [GitHub](https://github.com/exer7um/vue3-vscode-snippets).