From 3f9cc3444b71dc537e44d13c8cf04eb5ec1dcb61 Mon Sep 17 00:00:00 2001
From: Pavel Spacil <pavel.spacil@gmail.com>
Date: Thu, 1 Sep 2022 12:31:21 +0200
Subject: [PATCH 1/4] feat(FUploadArea): add `invalid` state

---
 .../FUploadArea/FUploadArea.spec.js           | 17 ++++++++
 .../FUploadArea/FUploadArea.stories.js        | 12 ++++++
 src/components/FUploadArea/FUploadArea.vue    | 43 +++++++++++++++++--
 3 files changed, 69 insertions(+), 3 deletions(-)

diff --git a/src/components/FUploadArea/FUploadArea.spec.js b/src/components/FUploadArea/FUploadArea.spec.js
index b242948..058875c 100644
--- a/src/components/FUploadArea/FUploadArea.spec.js
+++ b/src/components/FUploadArea/FUploadArea.spec.js
@@ -120,5 +120,22 @@ describe('FUploadArea', () => {
         expect(wrapper.emitted('invalid')[0]).toEqual([['Bad files Foo, Foo2']]);
     });
 
+    it('should add `invalid` attr to the input if component is in invalid state', async () => {
+        wrapper = createWrapper({
+            props: {
+                invalid: true,
+                accept: 'image/*',
+            },
+        });
+        const fileInput = wrapper.find('input[type="file"]');
+
+        expect(fileInput.attributes('aria-invalid')).toBe('true');
+
+        await wrapper.setProps({ invalid: false });
+        await fileInput.trigger('change', { files: [{ type: 'text/html' }] });
+
+        expect(fileInput.attributes('aria-invalid')).toBe('true');
+    });
+
     // it.todo('should be able to clear picked files by clicking on `remove` button', () => {});
 });
diff --git a/src/components/FUploadArea/FUploadArea.stories.js b/src/components/FUploadArea/FUploadArea.stories.js
index 4dec3d8..3bb9070 100644
--- a/src/components/FUploadArea/FUploadArea.stories.js
+++ b/src/components/FUploadArea/FUploadArea.stories.js
@@ -27,6 +27,18 @@ export const Multiple = () => ({
     `,
 });
 
+export const Invalid = () => ({
+    components: { FUploadArea },
+    //language=HTML
+    template: `
+        <div>
+            <FUploadArea invalid name="upl">
+                Invalid files
+            </FUploadArea>
+        </div>
+    `,
+});
+
 export const OnChange = () => ({
     components: { FUploadArea },
     //language=HTML
diff --git a/src/components/FUploadArea/FUploadArea.vue b/src/components/FUploadArea/FUploadArea.vue
index 971b69c..699eaed 100644
--- a/src/components/FUploadArea/FUploadArea.vue
+++ b/src/components/FUploadArea/FUploadArea.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { getUniqueId } from '../../utils/index.js';
-import { ref } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { fileTypeValidator, maxFileSizeValidator } from '../../utils/validators/validators.js';
 
 const props = defineProps({
@@ -30,12 +30,22 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    invalid: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const emit = defineEmits(['change', 'invalid']);
 
 const fileNames = ref([]);
 const dragOver = ref(false);
+const isInvalid = ref(props.invalid);
+
+const classes = computed(() => ({
+    'fuploadarea-dragover': dragOver.value,
+    'fuploadarea-invalid': isInvalid.value,
+}));
 
 /**
  * @param {FileList} files
@@ -131,23 +141,33 @@ function onChange(event) {
     }
 
     fileNames.value = [];
+    isInvalid.value = false;
 
     if (errorMessages.length === 0) {
         fileNames.value = getFileNames(files);
         emit('change', { files, event });
     } else {
+        isInvalid.value = true;
         emit('invalid', errorMessages);
     }
 }
+
+watch(
+    () => props.invalid,
+    (value) => {
+        isInvalid.value = value;
+    }
+);
 </script>
 
 <template>
-    <div class="fuploadarea" :class="{ 'fuploadarea-dragover': dragOver }">
+    <div class="fuploadarea" :class="classes">
         <input
             type="file"
             :name="name"
             :accept="accept"
             :multiple="multiple"
+            :aria-invalid="isInvalid"
             @change.stop.prevent="onChange"
             @dragenter="onDragEnter"
             @dragleave="onDragLeave"
@@ -177,6 +197,9 @@ function onChange(event) {
 .fuploadarea {
     --fuploadarea-border: 2px dashed var(--f-inputs-border-color);
     --fuploadarea-defaulttext-color: var(--f-color-grey-5, #666);
+    --fuploadarea-invalid-color: var(--f-color-red-5, #ca1616);
+    --fuploadarea-invalid-border-color: var(--fuploadarea-invalid-color);
+    --fuploadarea-invalid-background-color: var(--f-color-red-2, #fdeded);
 
     position: relative;
     width: 100%;
@@ -187,7 +210,7 @@ function onChange(event) {
     align-items: center;
     justify-content: center;
 
-    &:hover {
+    &:not(.fuploadarea-invalid):hover {
         border-color: var(--f-color-grey-4);
     }
 
@@ -218,5 +241,19 @@ function onChange(event) {
     &_defaulttext {
         color: var(--fuploadarea-defaulttext-color);
     }
+
+    &-invalid {
+        border-color: var(--fuploadarea-invalid-border-color);
+
+        &:focus-within,
+        &.fuploadarea-dragover {
+            border-color: var(--fuploadarea-invalid-border-color);
+            background-color: var(--fuploadarea-invalid-background-color);
+        }
+
+        .fuploadarea_defaulttext {
+            color: var(--fuploadarea-invalid-color);
+        }
+    }
 }
 </style>

From 0c38c8d8fb495cb224780f3347c488f79d18b58a Mon Sep 17 00:00:00 2001
From: Pavel Spacil <pavel.spacil@gmail.com>
Date: Thu, 1 Sep 2022 15:16:32 +0200
Subject: [PATCH 2/4] chore(plop): add `plop` package and create plop template

---
 package-lock.json                             | 1949 +++++++++++++++++
 package.json                                  |    4 +-
 .../component/component-generator.mjs         |   49 +
 plop-templates/component/component.hbs        |   26 +
 plop-templates/component/component.spec.hbs   |   20 +
 .../component/component.stories.hbs           |   15 +
 .../composable/composable-generator.mjs       |   31 +
 plop-templates/composable/composable.hbs      |    2 +
 plop-templates/composable/composable.spec.hbs |   24 +
 plop-templates/index.mjs                      |    5 +
 plopfile.mjs                                  |   11 +
 .../FUploadArea/FUploadArea.stories.js        |    8 -
 12 files changed, 2135 insertions(+), 9 deletions(-)
 create mode 100644 plop-templates/component/component-generator.mjs
 create mode 100644 plop-templates/component/component.hbs
 create mode 100644 plop-templates/component/component.spec.hbs
 create mode 100644 plop-templates/component/component.stories.hbs
 create mode 100644 plop-templates/composable/composable-generator.mjs
 create mode 100644 plop-templates/composable/composable.hbs
 create mode 100644 plop-templates/composable/composable.spec.hbs
 create mode 100644 plop-templates/index.mjs
 create mode 100644 plopfile.mjs

diff --git a/package-lock.json b/package-lock.json
index fe91476..34e7c34 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,6 +36,7 @@
                 "husky": "^7.0.4",
                 "jsdom": "^19.0.0",
                 "lint-staged": "^12.3.7",
+                "plop": "^3.1.1",
                 "prettier": "^2.5.1",
                 "sass": "^1.49.7",
                 "standard-version": "^9.3.2",
@@ -5516,6 +5517,12 @@
             "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
             "dev": true
         },
+        "node_modules/@types/fined": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@types/fined/-/fined-1.1.3.tgz",
+            "integrity": "sha512-CWYnSRnun3CGbt6taXeVo2lCbuaj4mchVJ4UF/BdU5TSuIn3AmS13pGMwCsBUoehGbhZrBrpNJZSZI5EVilXww==",
+            "dev": true
+        },
         "node_modules/@types/glob": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -5550,6 +5557,15 @@
             "integrity": "sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==",
             "dev": true
         },
+        "node_modules/@types/inquirer": {
+            "version": "8.2.3",
+            "resolved": "https://registry.npmjs.org/@types/inquirer/-/inquirer-8.2.3.tgz",
+            "integrity": "sha512-ZlBqD+8WIVNy3KIVkl+Qne6bGLW2erwN0GJXY9Ri/9EMbyupee3xw3H0Mmv5kJoLyNpfd/oHlwKxO0DUDH7yWA==",
+            "dev": true,
+            "dependencies": {
+                "@types/through": "*"
+            }
+        },
         "node_modules/@types/is-function": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@types/is-function/-/is-function-1.0.1.tgz",
@@ -5586,6 +5602,16 @@
             "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
             "dev": true
         },
+        "node_modules/@types/liftoff": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@types/liftoff/-/liftoff-4.0.0.tgz",
+            "integrity": "sha512-Ny/PJkO6nxWAQnaet8q/oWz15lrfwvdvBpuY4treB0CSsBO1CG0fVuNLngR3m3bepQLd+E4c3Y3DlC2okpUvPw==",
+            "dev": true,
+            "dependencies": {
+                "@types/fined": "*",
+                "@types/node": "*"
+            }
+        },
         "node_modules/@types/mdast": {
             "version": "3.0.10",
             "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
@@ -5715,6 +5741,15 @@
             "integrity": "sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==",
             "dev": true
         },
+        "node_modules/@types/through": {
+            "version": "0.0.30",
+            "resolved": "https://registry.npmjs.org/@types/through/-/through-0.0.30.tgz",
+            "integrity": "sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg==",
+            "dev": true,
+            "dependencies": {
+                "@types/node": "*"
+            }
+        },
         "node_modules/@types/uglify-js": {
             "version": "3.13.2",
             "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.2.tgz",
@@ -6627,6 +6662,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/array-each": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
+            "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/array-flatten": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
@@ -6658,6 +6702,15 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/array-slice": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
+            "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/array-union": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -7345,6 +7398,41 @@
                 "file-uri-to-path": "1.0.0"
             }
         },
+        "node_modules/bl": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-5.0.0.tgz",
+            "integrity": "sha512-8vxFNZ0pflFfi0WXA3WQXlj6CaMEwsmh63I1CNp0q+wWv8sD0ARx1KovSQd0l2GkwrMIOyedq0EF1FxI+RCZLQ==",
+            "dev": true,
+            "dependencies": {
+                "buffer": "^6.0.3",
+                "inherits": "^2.0.4",
+                "readable-stream": "^3.4.0"
+            }
+        },
+        "node_modules/bl/node_modules/buffer": {
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+            "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "dependencies": {
+                "base64-js": "^1.3.1",
+                "ieee754": "^1.2.1"
+            }
+        },
         "node_modules/bluebird": {
             "version": "3.7.2",
             "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -7874,6 +7962,17 @@
                 }
             ]
         },
+        "node_modules/capital-case": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
+            "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
+            "dev": true,
+            "dependencies": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case-first": "^2.0.2"
+            }
+        },
         "node_modules/capture-exit": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/capture-exit/-/capture-exit-2.0.0.tgz",
@@ -7937,6 +8036,26 @@
                 "node": ">=4"
             }
         },
+        "node_modules/change-case": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
+            "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
+            "dev": true,
+            "dependencies": {
+                "camel-case": "^4.1.2",
+                "capital-case": "^1.0.4",
+                "constant-case": "^3.0.4",
+                "dot-case": "^3.0.4",
+                "header-case": "^2.0.4",
+                "no-case": "^3.0.4",
+                "param-case": "^3.0.4",
+                "pascal-case": "^3.1.2",
+                "path-case": "^3.0.4",
+                "sentence-case": "^3.0.4",
+                "snake-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "node_modules/character-entities": {
             "version": "1.2.4",
             "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
@@ -7985,6 +8104,12 @@
                 "node": ">=6"
             }
         },
+        "node_modules/chardet": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+            "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+            "dev": true
+        },
         "node_modules/check-error": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
@@ -8225,6 +8350,18 @@
                 "node": ">=8"
             }
         },
+        "node_modules/cli-spinners": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.7.0.tgz",
+            "integrity": "sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/cli-table3": {
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
@@ -8306,6 +8443,15 @@
                 "url": "https://github.com/chalk/strip-ansi?sponsor=1"
             }
         },
+        "node_modules/cli-width": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
+            "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 10"
+            }
+        },
         "node_modules/cliui": {
             "version": "7.0.4",
             "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -8590,6 +8736,17 @@
             "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
             "dev": true
         },
+        "node_modules/constant-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
+            "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
+            "dev": true,
+            "dependencies": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case": "^2.0.2"
+            }
+        },
         "node_modules/constantinople": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
@@ -9886,6 +10043,24 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/defaults": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+            "integrity": "sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==",
+            "dev": true,
+            "dependencies": {
+                "clone": "^1.0.2"
+            }
+        },
+        "node_modules/defaults/node_modules/clone": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+            "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
         "node_modules/define-properties": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
@@ -9911,6 +10086,43 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/del": {
+            "version": "6.1.1",
+            "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz",
+            "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==",
+            "dev": true,
+            "dependencies": {
+                "globby": "^11.0.1",
+                "graceful-fs": "^4.2.4",
+                "is-glob": "^4.0.1",
+                "is-path-cwd": "^2.2.0",
+                "is-path-inside": "^3.0.2",
+                "p-map": "^4.0.0",
+                "rimraf": "^3.0.2",
+                "slash": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/del/node_modules/p-map": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+            "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+            "dev": true,
+            "dependencies": {
+                "aggregate-error": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/delayed-stream": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -9964,6 +10176,15 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
+        "node_modules/detect-file": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+            "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/detect-indent": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
@@ -11575,6 +11796,18 @@
             "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
             "dev": true
         },
+        "node_modules/expand-tilde": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+            "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+            "dev": true,
+            "dependencies": {
+                "homedir-polyfill": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/express": {
             "version": "4.17.3",
             "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
@@ -11682,6 +11915,20 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/external-editor": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+            "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+            "dev": true,
+            "dependencies": {
+                "chardet": "^0.7.0",
+                "iconv-lite": "^0.4.24",
+                "tmp": "^0.0.33"
+            },
+            "engines": {
+                "node": ">=4"
+            }
+        },
         "node_modules/extglob": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
@@ -12103,6 +12350,55 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/findup-sync": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-5.0.0.tgz",
+            "integrity": "sha512-MzwXju70AuyflbgeOhzvQWAvvQdo1XL0A9bVvlXsYcFEBM87WR4OakL4OfZq+QRmr+duJubio+UtNQCPsVESzQ==",
+            "dev": true,
+            "dependencies": {
+                "detect-file": "^1.0.0",
+                "is-glob": "^4.0.3",
+                "micromatch": "^4.0.4",
+                "resolve-dir": "^1.0.1"
+            },
+            "engines": {
+                "node": ">= 10.13.0"
+            }
+        },
+        "node_modules/fined": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/fined/-/fined-2.0.0.tgz",
+            "integrity": "sha512-OFRzsL6ZMHz5s0JrsEr+TpdGNCtrVtnuG3x1yzGNiQHT0yaDnXAj8V/lWcpJVrnoDpcwXcASxAZYbuXda2Y82A==",
+            "dev": true,
+            "dependencies": {
+                "expand-tilde": "^2.0.2",
+                "is-plain-object": "^5.0.0",
+                "object.defaults": "^1.1.0",
+                "object.pick": "^1.3.0",
+                "parse-filepath": "^1.0.2"
+            },
+            "engines": {
+                "node": ">= 10.13.0"
+            }
+        },
+        "node_modules/fined/node_modules/is-plain-object": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+            "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/flagged-respawn": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-2.0.0.tgz",
+            "integrity": "sha512-Gq/a6YCi8zexmGHMuJwahTGzXlAZAOsbCVKduWXC6TlLCjjFRlExMJc4GC2NYPYZ0r/brw9P7CpRgQmlPVeOoA==",
+            "dev": true,
+            "engines": {
+                "node": ">= 10.13.0"
+            }
+        },
         "node_modules/flat-cache": {
             "version": "3.0.4",
             "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -12180,6 +12476,18 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/for-own": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz",
+            "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==",
+            "dev": true,
+            "dependencies": {
+                "for-in": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/fork-ts-checker-webpack-plugin": {
             "version": "6.5.1",
             "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.1.tgz",
@@ -12940,6 +13248,48 @@
                 "node": ">=4"
             }
         },
+        "node_modules/global-modules": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+            "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+            "dev": true,
+            "dependencies": {
+                "global-prefix": "^1.0.1",
+                "is-windows": "^1.0.1",
+                "resolve-dir": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/global-prefix": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+            "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+            "dev": true,
+            "dependencies": {
+                "expand-tilde": "^2.0.2",
+                "homedir-polyfill": "^1.0.1",
+                "ini": "^1.3.4",
+                "is-windows": "^1.0.1",
+                "which": "^1.2.14"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/global-prefix/node_modules/which": {
+            "version": "1.3.1",
+            "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+            "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+            "dev": true,
+            "dependencies": {
+                "isexe": "^2.0.0"
+            },
+            "bin": {
+                "which": "bin/which"
+            }
+        },
         "node_modules/globals": {
             "version": "11.12.0",
             "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -13347,6 +13697,16 @@
                 "he": "bin/he"
             }
         },
+        "node_modules/header-case": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
+            "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
+            "dev": true,
+            "dependencies": {
+                "capital-case": "^1.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "node_modules/highlight.js": {
             "version": "10.7.3",
             "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
@@ -13391,6 +13751,18 @@
             "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
             "dev": true
         },
+        "node_modules/homedir-polyfill": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+            "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+            "dev": true,
+            "dependencies": {
+                "parse-passwd": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/hosted-git-info": {
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
@@ -13756,6 +14128,179 @@
             "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==",
             "dev": true
         },
+        "node_modules/inquirer": {
+            "version": "8.2.4",
+            "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.4.tgz",
+            "integrity": "sha512-nn4F01dxU8VeKfq192IjLsxu0/OmMZ4Lg3xKAns148rCaXP6ntAoEkVYZThWjwON8AlzdZZi6oqnhNbxUG9hVg==",
+            "dev": true,
+            "dependencies": {
+                "ansi-escapes": "^4.2.1",
+                "chalk": "^4.1.1",
+                "cli-cursor": "^3.1.0",
+                "cli-width": "^3.0.0",
+                "external-editor": "^3.0.3",
+                "figures": "^3.0.0",
+                "lodash": "^4.17.21",
+                "mute-stream": "0.0.8",
+                "ora": "^5.4.1",
+                "run-async": "^2.4.0",
+                "rxjs": "^7.5.5",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0",
+                "through": "^2.3.6",
+                "wrap-ansi": "^7.0.0"
+            },
+            "engines": {
+                "node": ">=12.0.0"
+            }
+        },
+        "node_modules/inquirer/node_modules/ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "dev": true,
+            "dependencies": {
+                "color-convert": "^2.0.1"
+            },
+            "engines": {
+                "node": ">=8"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+            }
+        },
+        "node_modules/inquirer/node_modules/bl": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+            "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+            "dev": true,
+            "dependencies": {
+                "buffer": "^5.5.0",
+                "inherits": "^2.0.4",
+                "readable-stream": "^3.4.0"
+            }
+        },
+        "node_modules/inquirer/node_modules/buffer": {
+            "version": "5.7.1",
+            "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+            "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+            "dev": true,
+            "funding": [
+                {
+                    "type": "github",
+                    "url": "https://github.com/sponsors/feross"
+                },
+                {
+                    "type": "patreon",
+                    "url": "https://www.patreon.com/feross"
+                },
+                {
+                    "type": "consulting",
+                    "url": "https://feross.org/support"
+                }
+            ],
+            "dependencies": {
+                "base64-js": "^1.3.1",
+                "ieee754": "^1.1.13"
+            }
+        },
+        "node_modules/inquirer/node_modules/chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "dev": true,
+            "dependencies": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/inquirer/node_modules/has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/inquirer/node_modules/is-interactive": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+            "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
+        "node_modules/inquirer/node_modules/is-unicode-supported": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+            "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+            "dev": true,
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/inquirer/node_modules/log-symbols": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+            "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^4.1.0",
+                "is-unicode-supported": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/inquirer/node_modules/ora": {
+            "version": "5.4.1",
+            "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+            "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+            "dev": true,
+            "dependencies": {
+                "bl": "^4.1.0",
+                "chalk": "^4.1.0",
+                "cli-cursor": "^3.1.0",
+                "cli-spinners": "^2.5.0",
+                "is-interactive": "^1.0.0",
+                "is-unicode-supported": "^0.1.0",
+                "log-symbols": "^4.1.0",
+                "strip-ansi": "^6.0.0",
+                "wcwidth": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=10"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/inquirer/node_modules/supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "dev": true,
+            "dependencies": {
+                "has-flag": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/internal-slot": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -13803,6 +14348,19 @@
                 "node": ">= 0.10"
             }
         },
+        "node_modules/is-absolute": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
+            "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
+            "dev": true,
+            "dependencies": {
+                "is-relative": "^1.0.0",
+                "is-windows": "^1.0.1"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/is-absolute-url": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
@@ -14128,6 +14686,18 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
+        "node_modules/is-interactive": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+            "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/is-map": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
@@ -14191,6 +14761,24 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-path-cwd": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+            "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=6"
+            }
+        },
+        "node_modules/is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=8"
+            }
+        },
         "node_modules/is-plain-obj": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
@@ -14240,6 +14828,18 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/is-relative": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+            "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+            "dev": true,
+            "dependencies": {
+                "is-unc-path": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/is-set": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
@@ -14330,6 +14930,30 @@
             "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
             "dev": true
         },
+        "node_modules/is-unc-path": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+            "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+            "dev": true,
+            "dependencies": {
+                "unc-path-regex": "^0.1.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/is-unicode-supported": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.2.0.tgz",
+            "integrity": "sha512-wH+U77omcRzevfIG8dDhTS0V9zZyweakfD01FULl97+0EHiJTTZtJqxPSkIIo/SDPv/i07k/C9jAPY+jwLLeUQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/is-weakref": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -14395,6 +15019,18 @@
             "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
             "dev": true
         },
+        "node_modules/isbinaryfile": {
+            "version": "4.0.10",
+            "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
+            "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
+            "dev": true,
+            "engines": {
+                "node": ">= 8.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/gjtorikian/"
+            }
+        },
         "node_modules/isexe": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -15110,6 +15746,46 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/liftoff": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-4.0.0.tgz",
+            "integrity": "sha512-rMGwYF8q7g2XhG2ulBmmJgWv25qBsqRbDn5gH0+wnuyeFt7QBJlHJmtg5qEdn4pN6WVAUMgXnIxytMFRX9c1aA==",
+            "dev": true,
+            "dependencies": {
+                "extend": "^3.0.2",
+                "findup-sync": "^5.0.0",
+                "fined": "^2.0.0",
+                "flagged-respawn": "^2.0.0",
+                "is-plain-object": "^5.0.0",
+                "object.map": "^1.0.1",
+                "rechoir": "^0.8.0",
+                "resolve": "^1.20.0"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            }
+        },
+        "node_modules/liftoff/node_modules/is-plain-object": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+            "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/liftoff/node_modules/rechoir": {
+            "version": "0.8.0",
+            "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+            "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+            "dev": true,
+            "dependencies": {
+                "resolve": "^1.20.0"
+            },
+            "engines": {
+                "node": ">= 10.13.0"
+            }
+        },
         "node_modules/lilconfig": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.4.tgz",
@@ -15372,6 +16048,12 @@
             "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
             "dev": true
         },
+        "node_modules/lodash.get": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+            "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+            "dev": true
+        },
         "node_modules/lodash.ismatch": {
             "version": "4.4.0",
             "resolved": "https://registry.npmjs.org/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz",
@@ -15390,6 +16072,34 @@
             "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
             "dev": true
         },
+        "node_modules/log-symbols": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz",
+            "integrity": "sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==",
+            "dev": true,
+            "dependencies": {
+                "chalk": "^5.0.0",
+                "is-unicode-supported": "^1.1.0"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/log-symbols/node_modules/chalk": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+            "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+            "dev": true,
+            "engines": {
+                "node": "^12.17.0 || ^14.13 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
         "node_modules/log-update": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
@@ -15555,6 +16265,18 @@
             "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
             "dev": true
         },
+        "node_modules/make-iterator": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz",
+            "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==",
+            "dev": true,
+            "dependencies": {
+                "kind-of": "^6.0.2"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/makeerror": {
             "version": "1.0.12",
             "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
@@ -16221,6 +16943,12 @@
             "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
             "dev": true
         },
+        "node_modules/mute-stream": {
+            "version": "0.0.8",
+            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+            "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+            "dev": true
+        },
         "node_modules/nan": {
             "version": "2.15.0",
             "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
@@ -16431,6 +17159,61 @@
                 "safe-buffer": "~5.1.0"
             }
         },
+        "node_modules/node-plop": {
+            "version": "0.31.0",
+            "resolved": "https://registry.npmjs.org/node-plop/-/node-plop-0.31.0.tgz",
+            "integrity": "sha512-aKLPxiBoFTNUovvtK8j/Whc4PZREkYx6htw2HJPiU8wYquXmN8pkd9B3xlFo6AJ4ZlzFsQSf/NXR5xET8EqRYw==",
+            "dev": true,
+            "dependencies": {
+                "@types/inquirer": "^8.2.1",
+                "change-case": "^4.1.2",
+                "del": "^6.0.0",
+                "globby": "^13.1.1",
+                "handlebars": "^4.4.3",
+                "inquirer": "^8.2.2",
+                "isbinaryfile": "^4.0.8",
+                "lodash.get": "^4.4.2",
+                "lower-case": "^2.0.2",
+                "mkdirp": "^1.0.4",
+                "resolve": "^1.20.0",
+                "title-case": "^3.0.3",
+                "upper-case": "^2.0.2"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            }
+        },
+        "node_modules/node-plop/node_modules/globby": {
+            "version": "13.1.2",
+            "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
+            "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
+            "dev": true,
+            "dependencies": {
+                "dir-glob": "^3.0.1",
+                "fast-glob": "^3.2.11",
+                "ignore": "^5.2.0",
+                "merge2": "^1.4.1",
+                "slash": "^4.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/node-plop/node_modules/slash": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+            "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
         "node_modules/node-releases": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
@@ -16711,6 +17494,21 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/object.defaults": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz",
+            "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==",
+            "dev": true,
+            "dependencies": {
+                "array-each": "^1.0.1",
+                "array-slice": "^1.0.0",
+                "for-own": "^1.0.0",
+                "isobject": "^3.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/object.entries": {
             "version": "1.1.5",
             "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.5.tgz",
@@ -16759,6 +17557,19 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/object.map": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz",
+            "integrity": "sha512-3+mAJu2PLfnSVGHwIWubpOFLscJANBKuB/6A4CxBstc4aqwQY0FWcsppuy4jU5GSB95yES5JHSI+33AWuS4k6w==",
+            "dev": true,
+            "dependencies": {
+                "for-own": "^1.0.0",
+                "make-iterator": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/object.pick": {
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
@@ -16866,12 +17677,114 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/ora": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/ora/-/ora-6.1.2.tgz",
+            "integrity": "sha512-EJQ3NiP5Xo94wJXIzAyOtSb0QEIAUu7m8t6UZ9krbz0vAJqr92JpcK/lEXg91q6B9pEGqrykkd2EQplnifDSBw==",
+            "dev": true,
+            "dependencies": {
+                "bl": "^5.0.0",
+                "chalk": "^5.0.0",
+                "cli-cursor": "^4.0.0",
+                "cli-spinners": "^2.6.1",
+                "is-interactive": "^2.0.0",
+                "is-unicode-supported": "^1.1.0",
+                "log-symbols": "^5.1.0",
+                "strip-ansi": "^7.0.1",
+                "wcwidth": "^1.0.1"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ora/node_modules/ansi-regex": {
+            "version": "6.0.1",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+            "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+            "dev": true,
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+            }
+        },
+        "node_modules/ora/node_modules/chalk": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+            "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+            "dev": true,
+            "engines": {
+                "node": "^12.17.0 || ^14.13 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
+        "node_modules/ora/node_modules/cli-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+            "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+            "dev": true,
+            "dependencies": {
+                "restore-cursor": "^4.0.0"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ora/node_modules/restore-cursor": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+            "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+            "dev": true,
+            "dependencies": {
+                "onetime": "^5.1.0",
+                "signal-exit": "^3.0.2"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/sindresorhus"
+            }
+        },
+        "node_modules/ora/node_modules/strip-ansi": {
+            "version": "7.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.0.1.tgz",
+            "integrity": "sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==",
+            "dev": true,
+            "dependencies": {
+                "ansi-regex": "^6.0.1"
+            },
+            "engines": {
+                "node": ">=12"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+            }
+        },
         "node_modules/os-browserify": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
             "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
             "dev": true
         },
+        "node_modules/os-tmpdir": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+            "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/overlayscrollbars": {
             "version": "1.13.1",
             "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-1.13.1.tgz",
@@ -17107,6 +18020,20 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
+        "node_modules/parse-filepath": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
+            "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==",
+            "dev": true,
+            "dependencies": {
+                "is-absolute": "^1.0.0",
+                "map-cache": "^0.2.0",
+                "path-root": "^0.1.1"
+            },
+            "engines": {
+                "node": ">=0.8"
+            }
+        },
         "node_modules/parse-json": {
             "version": "5.2.0",
             "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
@@ -17125,6 +18052,15 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/parse-passwd": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+            "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/parse-path": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-4.0.3.tgz",
@@ -17195,6 +18131,16 @@
             "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
             "dev": true
         },
+        "node_modules/path-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
+            "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
+            "dev": true,
+            "dependencies": {
+                "dot-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "node_modules/path-dirname": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -17234,6 +18180,27 @@
             "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
             "dev": true
         },
+        "node_modules/path-root": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz",
+            "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==",
+            "dev": true,
+            "dependencies": {
+                "path-root-regex": "^0.1.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
+        "node_modules/path-root-regex": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
+            "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/path-to-regexp": {
             "version": "0.1.7",
             "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
@@ -17334,6 +18301,40 @@
                 "node": ">=10"
             }
         },
+        "node_modules/plop": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/plop/-/plop-3.1.1.tgz",
+            "integrity": "sha512-NuctKmuNUACXBQn25bBr5oj/75nHxdKGwjA/+b7cVoj1sp+gTVqcc8eAr4QcNJgMPsZWRJBN2kMkgmsqbqV9gg==",
+            "dev": true,
+            "dependencies": {
+                "@types/liftoff": "^4.0.0",
+                "chalk": "^5.0.1",
+                "interpret": "^2.2.0",
+                "liftoff": "^4.0.0",
+                "minimist": "^1.2.6",
+                "node-plop": "^0.31.0",
+                "ora": "^6.0.1",
+                "v8flags": "^4.0.0"
+            },
+            "bin": {
+                "plop": "bin/plop.js"
+            },
+            "engines": {
+                "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+            }
+        },
+        "node_modules/plop/node_modules/chalk": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+            "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+            "dev": true,
+            "engines": {
+                "node": "^12.17.0 || ^14.13 || >=16.0.0"
+            },
+            "funding": {
+                "url": "https://github.com/chalk/chalk?sponsor=1"
+            }
+        },
         "node_modules/pnp-webpack-plugin": {
             "version": "1.6.4",
             "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",
@@ -19040,6 +20041,19 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/resolve-dir": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+            "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+            "dev": true,
+            "dependencies": {
+                "expand-tilde": "^2.0.0",
+                "global-modules": "^1.0.0"
+            },
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/resolve-from": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@@ -19155,6 +20169,15 @@
                 "node": "6.* || >= 7.*"
             }
         },
+        "node_modules/run-async": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+            "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.12.0"
+            }
+        },
         "node_modules/run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -19635,6 +20658,17 @@
             "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
             "dev": true
         },
+        "node_modules/sentence-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
+            "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
+            "dev": true,
+            "dependencies": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case-first": "^2.0.2"
+            }
+        },
         "node_modules/serialize-javascript": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
@@ -19882,6 +20916,16 @@
                 "url": "https://github.com/chalk/ansi-styles?sponsor=1"
             }
         },
+        "node_modules/snake-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+            "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+            "dev": true,
+            "dependencies": {
+                "dot-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "node_modules/snapdragon": {
             "version": "0.8.2",
             "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -21324,6 +22368,27 @@
                 "node": ">=14.0.0"
             }
         },
+        "node_modules/title-case": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/title-case/-/title-case-3.0.3.tgz",
+            "integrity": "sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^2.0.3"
+            }
+        },
+        "node_modules/tmp": {
+            "version": "0.0.33",
+            "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+            "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+            "dev": true,
+            "dependencies": {
+                "os-tmpdir": "~1.0.2"
+            },
+            "engines": {
+                "node": ">=0.6.0"
+            }
+        },
         "node_modules/tmpl": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -21784,6 +22849,15 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/unc-path-regex": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+            "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==",
+            "dev": true,
+            "engines": {
+                "node": ">=0.10.0"
+            }
+        },
         "node_modules/unfetch": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -22104,6 +23178,24 @@
                 "yarn": "*"
             }
         },
+        "node_modules/upper-case": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
+            "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^2.0.3"
+            }
+        },
+        "node_modules/upper-case-first": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
+            "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
+            "dev": true,
+            "dependencies": {
+                "tslib": "^2.0.3"
+            }
+        },
         "node_modules/uri-js": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -22314,6 +23406,15 @@
             "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==",
             "dev": true
         },
+        "node_modules/v8flags": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-4.0.0.tgz",
+            "integrity": "sha512-83N0OkTbn6gOjJ2awNuzuK4czeGxwEwBoTqlhBZhnp8o0IJ72mXRQKphj/azwRf3acbDJZYZhbOPEJHd884ELg==",
+            "dev": true,
+            "engines": {
+                "node": ">= 10.13.0"
+            }
+        },
         "node_modules/validate-npm-package-license": {
             "version": "3.0.4",
             "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -23406,6 +24507,15 @@
                 "node": ">=0.10.0"
             }
         },
+        "node_modules/wcwidth": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+            "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+            "dev": true,
+            "dependencies": {
+                "defaults": "^1.0.3"
+            }
+        },
         "node_modules/web-namespaces": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-1.1.4.tgz",
@@ -28271,6 +29381,12 @@
             "integrity": "sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==",
             "dev": true
         },
+        "@types/fined": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/@types/fined/-/fined-1.1.3.tgz",
+            "integrity": "sha512-CWYnSRnun3CGbt6taXeVo2lCbuaj4mchVJ4UF/BdU5TSuIn3AmS13pGMwCsBUoehGbhZrBrpNJZSZI5EVilXww==",
+            "dev": true
+        },
         "@types/glob": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
@@ -28305,6 +29421,15 @@
             "integrity": "sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==",
             "dev": true
         },
+        "@types/inquirer": {
+            "version": "8.2.3",
+            "resolved": "https://registry.npmjs.org/@types/inquirer/-/inquirer-8.2.3.tgz",
+            "integrity": "sha512-ZlBqD+8WIVNy3KIVkl+Qne6bGLW2erwN0GJXY9Ri/9EMbyupee3xw3H0Mmv5kJoLyNpfd/oHlwKxO0DUDH7yWA==",
+            "dev": true,
+            "requires": {
+                "@types/through": "*"
+            }
+        },
         "@types/is-function": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/@types/is-function/-/is-function-1.0.1.tgz",
@@ -28341,6 +29466,16 @@
             "integrity": "sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==",
             "dev": true
         },
+        "@types/liftoff": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/@types/liftoff/-/liftoff-4.0.0.tgz",
+            "integrity": "sha512-Ny/PJkO6nxWAQnaet8q/oWz15lrfwvdvBpuY4treB0CSsBO1CG0fVuNLngR3m3bepQLd+E4c3Y3DlC2okpUvPw==",
+            "dev": true,
+            "requires": {
+                "@types/fined": "*",
+                "@types/node": "*"
+            }
+        },
         "@types/mdast": {
             "version": "3.0.10",
             "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.10.tgz",
@@ -28472,6 +29607,15 @@
             "integrity": "sha512-ipixuVrh2OdNmauvtT51o3d8z12p6LtFW9in7U79der/kwejjdNchQC5UMn5u/KxNoM7VHHOs/l8KS8uHxhODQ==",
             "dev": true
         },
+        "@types/through": {
+            "version": "0.0.30",
+            "resolved": "https://registry.npmjs.org/@types/through/-/through-0.0.30.tgz",
+            "integrity": "sha512-FvnCJljyxhPM3gkRgWmxmDZyAQSiBQQWLI0A0VFL0K7W1oRUrPJSqNO0NvTnLkBcotdlp3lKvaT0JrnyRDkzOg==",
+            "dev": true,
+            "requires": {
+                "@types/node": "*"
+            }
+        },
         "@types/uglify-js": {
             "version": "3.13.2",
             "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.13.2.tgz",
@@ -29219,6 +30363,12 @@
             "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
             "dev": true
         },
+        "array-each": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/array-each/-/array-each-1.0.1.tgz",
+            "integrity": "sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==",
+            "dev": true
+        },
         "array-flatten": {
             "version": "1.1.1",
             "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
@@ -29244,6 +30394,12 @@
                 "is-string": "^1.0.7"
             }
         },
+        "array-slice": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/array-slice/-/array-slice-1.1.0.tgz",
+            "integrity": "sha512-B1qMD3RBP7O8o0H2KbrXDyB0IccejMF15+87Lvlor12ONPRHP6gTjXMNkt/d3ZuOGbAe66hFmaCfECI24Ufp6w==",
+            "dev": true
+        },
         "array-union": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
@@ -29778,6 +30934,29 @@
                 "file-uri-to-path": "1.0.0"
             }
         },
+        "bl": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/bl/-/bl-5.0.0.tgz",
+            "integrity": "sha512-8vxFNZ0pflFfi0WXA3WQXlj6CaMEwsmh63I1CNp0q+wWv8sD0ARx1KovSQd0l2GkwrMIOyedq0EF1FxI+RCZLQ==",
+            "dev": true,
+            "requires": {
+                "buffer": "^6.0.3",
+                "inherits": "^2.0.4",
+                "readable-stream": "^3.4.0"
+            },
+            "dependencies": {
+                "buffer": {
+                    "version": "6.0.3",
+                    "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+                    "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+                    "dev": true,
+                    "requires": {
+                        "base64-js": "^1.3.1",
+                        "ieee754": "^1.2.1"
+                    }
+                }
+            }
+        },
         "bluebird": {
             "version": "3.7.2",
             "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -30203,6 +31382,17 @@
             "integrity": "sha512-1/Cg4jlD9qjZzhbzkzEaAC2JHsP0WrOc8Rd/3a3LuajGzGWR/hD7TVyvq99VqmTy99eVh8Zkmdq213OgvgXx7w==",
             "dev": true
         },
+        "capital-case": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/capital-case/-/capital-case-1.0.4.tgz",
+            "integrity": "sha512-ds37W8CytHgwnhGGTi88pcPyR15qoNkOpYwmMMfnWqqWgESapLqvDx6huFjQ5vqWSn2Z06173XNA7LtMOeUh1A==",
+            "dev": true,
+            "requires": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case-first": "^2.0.2"
+            }
+        },
         "capture-exit": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/capture-exit/-/capture-exit-2.0.0.tgz",
@@ -30250,6 +31440,26 @@
                 "supports-color": "^5.3.0"
             }
         },
+        "change-case": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/change-case/-/change-case-4.1.2.tgz",
+            "integrity": "sha512-bSxY2ws9OtviILG1EiY5K7NNxkqg/JnRnFxLtKQ96JaviiIxi7djMrSd0ECT9AC+lttClmYwKw53BWpOMblo7A==",
+            "dev": true,
+            "requires": {
+                "camel-case": "^4.1.2",
+                "capital-case": "^1.0.4",
+                "constant-case": "^3.0.4",
+                "dot-case": "^3.0.4",
+                "header-case": "^2.0.4",
+                "no-case": "^3.0.4",
+                "param-case": "^3.0.4",
+                "pascal-case": "^3.1.2",
+                "path-case": "^3.0.4",
+                "sentence-case": "^3.0.4",
+                "snake-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "character-entities": {
             "version": "1.2.4",
             "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz",
@@ -30283,6 +31493,12 @@
             "integrity": "sha512-Y4kiDb+AM4Ecy58YkuZrrSRJBDQdQ2L+NyS1vHHFtNtUjgutcZfx3yp1dAONI/oPaPmyGfCLx5CxL+zauIMyKQ==",
             "dev": true
         },
+        "chardet": {
+            "version": "0.7.0",
+            "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+            "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
+            "dev": true
+        },
         "check-error": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.2.tgz",
@@ -30468,6 +31684,12 @@
                 "restore-cursor": "^3.1.0"
             }
         },
+        "cli-spinners": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.7.0.tgz",
+            "integrity": "sha512-qu3pN8Y3qHNgE2AFweciB1IfMnmZ/fsNTEE+NOFjmGB2F/7rLhnhzppvpCnN4FovtP26k8lHyy9ptEbNwWFLzw==",
+            "dev": true
+        },
         "cli-table3": {
             "version": "0.6.1",
             "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
@@ -30522,6 +31744,12 @@
                 }
             }
         },
+        "cli-width": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
+            "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
+            "dev": true
+        },
         "cliui": {
             "version": "7.0.4",
             "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
@@ -30763,6 +31991,17 @@
             "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
             "dev": true
         },
+        "constant-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/constant-case/-/constant-case-3.0.4.tgz",
+            "integrity": "sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==",
+            "dev": true,
+            "requires": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case": "^2.0.2"
+            }
+        },
         "constantinople": {
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
@@ -31790,6 +33029,23 @@
             "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
             "dev": true
         },
+        "defaults": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.3.tgz",
+            "integrity": "sha512-s82itHOnYrN0Ib8r+z7laQz3sdE+4FP3d9Q7VLO7U+KRT+CR0GsWuyHxzdAY82I7cXv0G/twrqomTJLOssO5HA==",
+            "dev": true,
+            "requires": {
+                "clone": "^1.0.2"
+            },
+            "dependencies": {
+                "clone": {
+                    "version": "1.0.4",
+                    "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+                    "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+                    "dev": true
+                }
+            }
+        },
         "define-properties": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz",
@@ -31809,6 +33065,33 @@
                 "isobject": "^3.0.1"
             }
         },
+        "del": {
+            "version": "6.1.1",
+            "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz",
+            "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==",
+            "dev": true,
+            "requires": {
+                "globby": "^11.0.1",
+                "graceful-fs": "^4.2.4",
+                "is-glob": "^4.0.1",
+                "is-path-cwd": "^2.2.0",
+                "is-path-inside": "^3.0.2",
+                "p-map": "^4.0.0",
+                "rimraf": "^3.0.2",
+                "slash": "^3.0.0"
+            },
+            "dependencies": {
+                "p-map": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+                    "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+                    "dev": true,
+                    "requires": {
+                        "aggregate-error": "^3.0.0"
+                    }
+                }
+            }
+        },
         "delayed-stream": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
@@ -31852,6 +33135,12 @@
                 "repeat-string": "^1.5.4"
             }
         },
+        "detect-file": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
+            "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
+            "dev": true
+        },
         "detect-indent": {
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
@@ -33005,6 +34294,15 @@
                 }
             }
         },
+        "expand-tilde": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+            "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+            "dev": true,
+            "requires": {
+                "homedir-polyfill": "^1.0.1"
+            }
+        },
         "express": {
             "version": "4.17.3",
             "resolved": "https://registry.npmjs.org/express/-/express-4.17.3.tgz",
@@ -33088,6 +34386,17 @@
                 "is-extendable": "^1.0.1"
             }
         },
+        "external-editor": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
+            "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
+            "dev": true,
+            "requires": {
+                "chardet": "^0.7.0",
+                "iconv-lite": "^0.4.24",
+                "tmp": "^0.0.33"
+            }
+        },
         "extglob": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
@@ -33431,6 +34740,45 @@
                 "path-exists": "^4.0.0"
             }
         },
+        "findup-sync": {
+            "version": "5.0.0",
+            "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-5.0.0.tgz",
+            "integrity": "sha512-MzwXju70AuyflbgeOhzvQWAvvQdo1XL0A9bVvlXsYcFEBM87WR4OakL4OfZq+QRmr+duJubio+UtNQCPsVESzQ==",
+            "dev": true,
+            "requires": {
+                "detect-file": "^1.0.0",
+                "is-glob": "^4.0.3",
+                "micromatch": "^4.0.4",
+                "resolve-dir": "^1.0.1"
+            }
+        },
+        "fined": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/fined/-/fined-2.0.0.tgz",
+            "integrity": "sha512-OFRzsL6ZMHz5s0JrsEr+TpdGNCtrVtnuG3x1yzGNiQHT0yaDnXAj8V/lWcpJVrnoDpcwXcASxAZYbuXda2Y82A==",
+            "dev": true,
+            "requires": {
+                "expand-tilde": "^2.0.2",
+                "is-plain-object": "^5.0.0",
+                "object.defaults": "^1.1.0",
+                "object.pick": "^1.3.0",
+                "parse-filepath": "^1.0.2"
+            },
+            "dependencies": {
+                "is-plain-object": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+                    "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+                    "dev": true
+                }
+            }
+        },
+        "flagged-respawn": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/flagged-respawn/-/flagged-respawn-2.0.0.tgz",
+            "integrity": "sha512-Gq/a6YCi8zexmGHMuJwahTGzXlAZAOsbCVKduWXC6TlLCjjFRlExMJc4GC2NYPYZ0r/brw9P7CpRgQmlPVeOoA==",
+            "dev": true
+        },
         "flat-cache": {
             "version": "3.0.4",
             "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
@@ -33501,6 +34849,15 @@
             "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
             "dev": true
         },
+        "for-own": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/for-own/-/for-own-1.0.0.tgz",
+            "integrity": "sha512-0OABksIGrxKK8K4kynWkQ7y1zounQxP+CWnyclVwj81KW3vlLlGUx57DKGcP/LH216GzqnstnPocF16Nxs0Ycg==",
+            "dev": true,
+            "requires": {
+                "for-in": "^1.0.1"
+            }
+        },
         "fork-ts-checker-webpack-plugin": {
             "version": "6.5.1",
             "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.1.tgz",
@@ -34092,6 +35449,41 @@
                 "ini": "^1.3.4"
             }
         },
+        "global-modules": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+            "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+            "dev": true,
+            "requires": {
+                "global-prefix": "^1.0.1",
+                "is-windows": "^1.0.1",
+                "resolve-dir": "^1.0.0"
+            }
+        },
+        "global-prefix": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+            "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+            "dev": true,
+            "requires": {
+                "expand-tilde": "^2.0.2",
+                "homedir-polyfill": "^1.0.1",
+                "ini": "^1.3.4",
+                "is-windows": "^1.0.1",
+                "which": "^1.2.14"
+            },
+            "dependencies": {
+                "which": {
+                    "version": "1.3.1",
+                    "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+                    "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+                    "dev": true,
+                    "requires": {
+                        "isexe": "^2.0.0"
+                    }
+                }
+            }
+        },
         "globals": {
             "version": "11.12.0",
             "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
@@ -34394,6 +35786,16 @@
             "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
             "dev": true
         },
+        "header-case": {
+            "version": "2.0.4",
+            "resolved": "https://registry.npmjs.org/header-case/-/header-case-2.0.4.tgz",
+            "integrity": "sha512-H/vuk5TEEVZwrR0lp2zed9OCo1uAILMlx0JEMgC26rzyJJ3N1v6XkwHHXJQdR2doSjcGPM6OKPYoJgf0plJ11Q==",
+            "dev": true,
+            "requires": {
+                "capital-case": "^1.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "highlight.js": {
             "version": "10.7.3",
             "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-10.7.3.tgz",
@@ -34437,6 +35839,15 @@
                 }
             }
         },
+        "homedir-polyfill": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+            "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+            "dev": true,
+            "requires": {
+                "parse-passwd": "^1.0.0"
+            }
+        },
         "hosted-git-info": {
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
@@ -34705,6 +36116,125 @@
             "integrity": "sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q==",
             "dev": true
         },
+        "inquirer": {
+            "version": "8.2.4",
+            "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.4.tgz",
+            "integrity": "sha512-nn4F01dxU8VeKfq192IjLsxu0/OmMZ4Lg3xKAns148rCaXP6ntAoEkVYZThWjwON8AlzdZZi6oqnhNbxUG9hVg==",
+            "dev": true,
+            "requires": {
+                "ansi-escapes": "^4.2.1",
+                "chalk": "^4.1.1",
+                "cli-cursor": "^3.1.0",
+                "cli-width": "^3.0.0",
+                "external-editor": "^3.0.3",
+                "figures": "^3.0.0",
+                "lodash": "^4.17.21",
+                "mute-stream": "0.0.8",
+                "ora": "^5.4.1",
+                "run-async": "^2.4.0",
+                "rxjs": "^7.5.5",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0",
+                "through": "^2.3.6",
+                "wrap-ansi": "^7.0.0"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "4.3.0",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+                    "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+                    "dev": true,
+                    "requires": {
+                        "color-convert": "^2.0.1"
+                    }
+                },
+                "bl": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+                    "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+                    "dev": true,
+                    "requires": {
+                        "buffer": "^5.5.0",
+                        "inherits": "^2.0.4",
+                        "readable-stream": "^3.4.0"
+                    }
+                },
+                "buffer": {
+                    "version": "5.7.1",
+                    "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+                    "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+                    "dev": true,
+                    "requires": {
+                        "base64-js": "^1.3.1",
+                        "ieee754": "^1.1.13"
+                    }
+                },
+                "chalk": {
+                    "version": "4.1.2",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+                    "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-styles": "^4.1.0",
+                        "supports-color": "^7.1.0"
+                    }
+                },
+                "has-flag": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+                    "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+                    "dev": true
+                },
+                "is-interactive": {
+                    "version": "1.0.0",
+                    "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
+                    "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
+                    "dev": true
+                },
+                "is-unicode-supported": {
+                    "version": "0.1.0",
+                    "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+                    "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+                    "dev": true
+                },
+                "log-symbols": {
+                    "version": "4.1.0",
+                    "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+                    "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+                    "dev": true,
+                    "requires": {
+                        "chalk": "^4.1.0",
+                        "is-unicode-supported": "^0.1.0"
+                    }
+                },
+                "ora": {
+                    "version": "5.4.1",
+                    "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
+                    "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+                    "dev": true,
+                    "requires": {
+                        "bl": "^4.1.0",
+                        "chalk": "^4.1.0",
+                        "cli-cursor": "^3.1.0",
+                        "cli-spinners": "^2.5.0",
+                        "is-interactive": "^1.0.0",
+                        "is-unicode-supported": "^0.1.0",
+                        "log-symbols": "^4.1.0",
+                        "strip-ansi": "^6.0.0",
+                        "wcwidth": "^1.0.1"
+                    }
+                },
+                "supports-color": {
+                    "version": "7.2.0",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+                    "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+                    "dev": true,
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
         "internal-slot": {
             "version": "1.0.3",
             "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.3.tgz",
@@ -34743,6 +36273,16 @@
             "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
             "dev": true
         },
+        "is-absolute": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-1.0.0.tgz",
+            "integrity": "sha512-dOWoqflvcydARa360Gvv18DZ/gRuHKi2NU/wU5X1ZFzdYfH29nkiNZsF3mp4OJ3H4yo9Mx8A/uAGNzpzPN3yBA==",
+            "dev": true,
+            "requires": {
+                "is-relative": "^1.0.0",
+                "is-windows": "^1.0.1"
+            }
+        },
         "is-absolute-url": {
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
@@ -34959,6 +36499,12 @@
             "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==",
             "dev": true
         },
+        "is-interactive": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-2.0.0.tgz",
+            "integrity": "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ==",
+            "dev": true
+        },
         "is-map": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
@@ -34998,6 +36544,18 @@
             "integrity": "sha512-2rRIahhZr2UWb45fIOuvZGpFtz0TyOZLf32KxBbSoUCeZR495zCKlWUKKUByk3geS2eAs7ZAABt0Y/Rx0GiQGA==",
             "dev": true
         },
+        "is-path-cwd": {
+            "version": "2.2.0",
+            "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+            "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+            "dev": true
+        },
+        "is-path-inside": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+            "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+            "dev": true
+        },
         "is-plain-obj": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
@@ -35035,6 +36593,15 @@
                 "has-tostringtag": "^1.0.0"
             }
         },
+        "is-relative": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-1.0.0.tgz",
+            "integrity": "sha512-Kw/ReK0iqwKeu0MITLFuj0jbPAmEiOsIwyIXvvbfa6QfmN9pkD1M+8pdk7Rl/dTKbH34/XBFMbgD4iMJhLQbGA==",
+            "dev": true,
+            "requires": {
+                "is-unc-path": "^1.0.0"
+            }
+        },
         "is-set": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
@@ -35098,6 +36665,21 @@
             "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
             "dev": true
         },
+        "is-unc-path": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-1.0.0.tgz",
+            "integrity": "sha512-mrGpVd0fs7WWLfVsStvgF6iEJnbjDFZh9/emhRDcGWTduTfNHd9CHeUwH3gYIjdbwo4On6hunkztwOaAw0yllQ==",
+            "dev": true,
+            "requires": {
+                "unc-path-regex": "^0.1.2"
+            }
+        },
+        "is-unicode-supported": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-1.2.0.tgz",
+            "integrity": "sha512-wH+U77omcRzevfIG8dDhTS0V9zZyweakfD01FULl97+0EHiJTTZtJqxPSkIIo/SDPv/i07k/C9jAPY+jwLLeUQ==",
+            "dev": true
+        },
         "is-weakref": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -35146,6 +36728,12 @@
             "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
             "dev": true
         },
+        "isbinaryfile": {
+            "version": "4.0.10",
+            "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-4.0.10.tgz",
+            "integrity": "sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==",
+            "dev": true
+        },
         "isexe": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -35704,6 +37292,39 @@
                 "type-check": "~0.4.0"
             }
         },
+        "liftoff": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-4.0.0.tgz",
+            "integrity": "sha512-rMGwYF8q7g2XhG2ulBmmJgWv25qBsqRbDn5gH0+wnuyeFt7QBJlHJmtg5qEdn4pN6WVAUMgXnIxytMFRX9c1aA==",
+            "dev": true,
+            "requires": {
+                "extend": "^3.0.2",
+                "findup-sync": "^5.0.0",
+                "fined": "^2.0.0",
+                "flagged-respawn": "^2.0.0",
+                "is-plain-object": "^5.0.0",
+                "object.map": "^1.0.1",
+                "rechoir": "^0.8.0",
+                "resolve": "^1.20.0"
+            },
+            "dependencies": {
+                "is-plain-object": {
+                    "version": "5.0.0",
+                    "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+                    "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+                    "dev": true
+                },
+                "rechoir": {
+                    "version": "0.8.0",
+                    "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+                    "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+                    "dev": true,
+                    "requires": {
+                        "resolve": "^1.20.0"
+                    }
+                }
+            }
+        },
         "lilconfig": {
             "version": "2.0.4",
             "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.4.tgz",
@@ -35889,6 +37510,12 @@
             "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168=",
             "dev": true
         },
+        "lodash.get": {
+            "version": "4.4.2",
+            "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+            "integrity": "sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==",
+            "dev": true
+        },
         "lodash.ismatch": {
             "version": "4.4.0",
             "resolved": "https://registry.npmjs.org/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz",
@@ -35907,6 +37534,24 @@
             "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
             "dev": true
         },
+        "log-symbols": {
+            "version": "5.1.0",
+            "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-5.1.0.tgz",
+            "integrity": "sha512-l0x2DvrW294C9uDCoQe1VSU4gf529FkSZ6leBl4TiqZH/e+0R7hSfHQBNut2mNygDgHwvYHfFLn6Oxb3VWj2rA==",
+            "dev": true,
+            "requires": {
+                "chalk": "^5.0.0",
+                "is-unicode-supported": "^1.1.0"
+            },
+            "dependencies": {
+                "chalk": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+                    "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+                    "dev": true
+                }
+            }
+        },
         "log-update": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
@@ -36036,6 +37681,15 @@
             "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
             "dev": true
         },
+        "make-iterator": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz",
+            "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==",
+            "dev": true,
+            "requires": {
+                "kind-of": "^6.0.2"
+            }
+        },
         "makeerror": {
             "version": "1.0.12",
             "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
@@ -36578,6 +38232,12 @@
             "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
             "dev": true
         },
+        "mute-stream": {
+            "version": "0.0.8",
+            "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+            "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
+            "dev": true
+        },
         "nan": {
             "version": "2.15.0",
             "resolved": "https://registry.npmjs.org/nan/-/nan-2.15.0.tgz",
@@ -36766,6 +38426,48 @@
                 }
             }
         },
+        "node-plop": {
+            "version": "0.31.0",
+            "resolved": "https://registry.npmjs.org/node-plop/-/node-plop-0.31.0.tgz",
+            "integrity": "sha512-aKLPxiBoFTNUovvtK8j/Whc4PZREkYx6htw2HJPiU8wYquXmN8pkd9B3xlFo6AJ4ZlzFsQSf/NXR5xET8EqRYw==",
+            "dev": true,
+            "requires": {
+                "@types/inquirer": "^8.2.1",
+                "change-case": "^4.1.2",
+                "del": "^6.0.0",
+                "globby": "^13.1.1",
+                "handlebars": "^4.4.3",
+                "inquirer": "^8.2.2",
+                "isbinaryfile": "^4.0.8",
+                "lodash.get": "^4.4.2",
+                "lower-case": "^2.0.2",
+                "mkdirp": "^1.0.4",
+                "resolve": "^1.20.0",
+                "title-case": "^3.0.3",
+                "upper-case": "^2.0.2"
+            },
+            "dependencies": {
+                "globby": {
+                    "version": "13.1.2",
+                    "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
+                    "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
+                    "dev": true,
+                    "requires": {
+                        "dir-glob": "^3.0.1",
+                        "fast-glob": "^3.2.11",
+                        "ignore": "^5.2.0",
+                        "merge2": "^1.4.1",
+                        "slash": "^4.0.0"
+                    }
+                },
+                "slash": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+                    "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+                    "dev": true
+                }
+            }
+        },
         "node-releases": {
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.2.tgz",
@@ -36980,6 +38682,18 @@
                 "object-keys": "^1.1.1"
             }
         },
+        "object.defaults": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/object.defaults/-/object.defaults-1.1.0.tgz",
+            "integrity": "sha512-c/K0mw/F11k4dEUBMW8naXUuBuhxRCfG7W+yFy8EcijU/rSmazOUd1XAEEe6bC0OuXY4HUKjTJv7xbxIMqdxrA==",
+            "dev": true,
+            "requires": {
+                "array-each": "^1.0.1",
+                "array-slice": "^1.0.0",
+                "for-own": "^1.0.0",
+                "isobject": "^3.0.0"
+            }
+        },
         "object.entries": {
             "version": "1.1.5",
             "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.5.tgz",
@@ -37013,6 +38727,16 @@
                 "es-abstract": "^1.19.1"
             }
         },
+        "object.map": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/object.map/-/object.map-1.0.1.tgz",
+            "integrity": "sha512-3+mAJu2PLfnSVGHwIWubpOFLscJANBKuB/6A4CxBstc4aqwQY0FWcsppuy4jU5GSB95yES5JHSI+33AWuS4k6w==",
+            "dev": true,
+            "requires": {
+                "for-own": "^1.0.0",
+                "make-iterator": "^1.0.0"
+            }
+        },
         "object.pick": {
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
@@ -37090,12 +38814,77 @@
                 "word-wrap": "^1.2.3"
             }
         },
+        "ora": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/ora/-/ora-6.1.2.tgz",
+            "integrity": "sha512-EJQ3NiP5Xo94wJXIzAyOtSb0QEIAUu7m8t6UZ9krbz0vAJqr92JpcK/lEXg91q6B9pEGqrykkd2EQplnifDSBw==",
+            "dev": true,
+            "requires": {
+                "bl": "^5.0.0",
+                "chalk": "^5.0.0",
+                "cli-cursor": "^4.0.0",
+                "cli-spinners": "^2.6.1",
+                "is-interactive": "^2.0.0",
+                "is-unicode-supported": "^1.1.0",
+                "log-symbols": "^5.1.0",
+                "strip-ansi": "^7.0.1",
+                "wcwidth": "^1.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+                    "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+                    "dev": true
+                },
+                "chalk": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+                    "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+                    "dev": true
+                },
+                "cli-cursor": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
+                    "integrity": "sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==",
+                    "dev": true,
+                    "requires": {
+                        "restore-cursor": "^4.0.0"
+                    }
+                },
+                "restore-cursor": {
+                    "version": "4.0.0",
+                    "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-4.0.0.tgz",
+                    "integrity": "sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==",
+                    "dev": true,
+                    "requires": {
+                        "onetime": "^5.1.0",
+                        "signal-exit": "^3.0.2"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "7.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.0.1.tgz",
+                    "integrity": "sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw==",
+                    "dev": true,
+                    "requires": {
+                        "ansi-regex": "^6.0.1"
+                    }
+                }
+            }
+        },
         "os-browserify": {
             "version": "0.3.0",
             "resolved": "https://registry.npmjs.org/os-browserify/-/os-browserify-0.3.0.tgz",
             "integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
             "dev": true
         },
+        "os-tmpdir": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+            "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+            "dev": true
+        },
         "overlayscrollbars": {
             "version": "1.13.1",
             "resolved": "https://registry.npmjs.org/overlayscrollbars/-/overlayscrollbars-1.13.1.tgz",
@@ -37288,6 +39077,17 @@
                 "is-hexadecimal": "^1.0.0"
             }
         },
+        "parse-filepath": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/parse-filepath/-/parse-filepath-1.0.2.tgz",
+            "integrity": "sha512-FwdRXKCohSVeXqwtYonZTXtbGJKrn+HNyWDYVcp5yuJlesTwNH4rsmRZ+GrKAPJ5bLpRxESMeS+Rl0VCHRvB2Q==",
+            "dev": true,
+            "requires": {
+                "is-absolute": "^1.0.0",
+                "map-cache": "^0.2.0",
+                "path-root": "^0.1.1"
+            }
+        },
         "parse-json": {
             "version": "5.2.0",
             "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
@@ -37300,6 +39100,12 @@
                 "lines-and-columns": "^1.1.6"
             }
         },
+        "parse-passwd": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+            "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+            "dev": true
+        },
         "parse-path": {
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/parse-path/-/parse-path-4.0.3.tgz",
@@ -37364,6 +39170,16 @@
             "integrity": "sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==",
             "dev": true
         },
+        "path-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/path-case/-/path-case-3.0.4.tgz",
+            "integrity": "sha512-qO4qCFjXqVTrcbPt/hQfhTQ+VhFsqNKOPtytgNKkKxSoEp3XPUQ8ObFuePylOIok5gjn69ry8XiULxCwot3Wfg==",
+            "dev": true,
+            "requires": {
+                "dot-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "path-dirname": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
@@ -37394,6 +39210,21 @@
             "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
             "dev": true
         },
+        "path-root": {
+            "version": "0.1.1",
+            "resolved": "https://registry.npmjs.org/path-root/-/path-root-0.1.1.tgz",
+            "integrity": "sha512-QLcPegTHF11axjfojBIoDygmS2E3Lf+8+jI6wOVmNVenrKSo3mFdSGiIgdSHenczw3wPtlVMQaFVwGmM7BJdtg==",
+            "dev": true,
+            "requires": {
+                "path-root-regex": "^0.1.0"
+            }
+        },
+        "path-root-regex": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/path-root-regex/-/path-root-regex-0.1.2.tgz",
+            "integrity": "sha512-4GlJ6rZDhQZFE0DPVKh0e9jmZ5egZfxTkp7bcRDuPlJXbAwhxcl2dINPUAsjLdejqaLsCeg8axcLjIbvBjN4pQ==",
+            "dev": true
+        },
         "path-to-regexp": {
             "version": "0.1.7",
             "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
@@ -37464,6 +39295,30 @@
                 "find-up": "^5.0.0"
             }
         },
+        "plop": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/plop/-/plop-3.1.1.tgz",
+            "integrity": "sha512-NuctKmuNUACXBQn25bBr5oj/75nHxdKGwjA/+b7cVoj1sp+gTVqcc8eAr4QcNJgMPsZWRJBN2kMkgmsqbqV9gg==",
+            "dev": true,
+            "requires": {
+                "@types/liftoff": "^4.0.0",
+                "chalk": "^5.0.1",
+                "interpret": "^2.2.0",
+                "liftoff": "^4.0.0",
+                "minimist": "^1.2.6",
+                "node-plop": "^0.31.0",
+                "ora": "^6.0.1",
+                "v8flags": "^4.0.0"
+            },
+            "dependencies": {
+                "chalk": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/chalk/-/chalk-5.0.1.tgz",
+                    "integrity": "sha512-Fo07WOYGqMfCWHOzSXOt2CxDbC6skS/jO9ynEcmpANMoPrD+W1r1K6Vx7iNm+AQmETU1Xr2t+n8nzkV9t6xh3w==",
+                    "dev": true
+                }
+            }
+        },
         "pnp-webpack-plugin": {
             "version": "1.6.4",
             "resolved": "https://registry.npmjs.org/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz",
@@ -38816,6 +40671,16 @@
                 "supports-preserve-symlinks-flag": "^1.0.0"
             }
         },
+        "resolve-dir": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+            "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+            "dev": true,
+            "requires": {
+                "expand-tilde": "^2.0.0",
+                "global-modules": "^1.0.0"
+            }
+        },
         "resolve-from": {
             "version": "5.0.0",
             "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
@@ -38899,6 +40764,12 @@
             "integrity": "sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==",
             "dev": true
         },
+        "run-async": {
+            "version": "2.4.1",
+            "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
+            "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+            "dev": true
+        },
         "run-parallel": {
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -39290,6 +41161,17 @@
                 }
             }
         },
+        "sentence-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/sentence-case/-/sentence-case-3.0.4.tgz",
+            "integrity": "sha512-8LS0JInaQMCRoQ7YUytAo/xUu5W2XnQxV2HI/6uM6U7CITS1RqPElr30V6uIqyMKM9lJGRVFy5/4CuzcixNYSg==",
+            "dev": true,
+            "requires": {
+                "no-case": "^3.0.4",
+                "tslib": "^2.0.3",
+                "upper-case-first": "^2.0.2"
+            }
+        },
         "serialize-javascript": {
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-5.0.1.tgz",
@@ -39491,6 +41373,16 @@
                 }
             }
         },
+        "snake-case": {
+            "version": "3.0.4",
+            "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+            "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+            "dev": true,
+            "requires": {
+                "dot-case": "^3.0.4",
+                "tslib": "^2.0.3"
+            }
+        },
         "snapdragon": {
             "version": "0.8.2",
             "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
@@ -40629,6 +42521,24 @@
             "integrity": "sha512-Qij6rGWCDjWIejxCXXVi6bNgvrYBp3PbqC4cBP/0fD6WHDOHCw09Zd13CsxrDqSR5PFq01WeqDws8t5lz5sH0A==",
             "dev": true
         },
+        "title-case": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/title-case/-/title-case-3.0.3.tgz",
+            "integrity": "sha512-e1zGYRvbffpcHIrnuqT0Dh+gEJtDaxDSoG4JAIpq4oDFyooziLBIiYQv0GBT4FUAnUop5uZ1hiIAj7oAF6sOCA==",
+            "dev": true,
+            "requires": {
+                "tslib": "^2.0.3"
+            }
+        },
+        "tmp": {
+            "version": "0.0.33",
+            "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+            "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+            "dev": true,
+            "requires": {
+                "os-tmpdir": "~1.0.2"
+            }
+        },
         "tmpl": {
             "version": "1.0.5",
             "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -40958,6 +42868,12 @@
                 "which-boxed-primitive": "^1.0.2"
             }
         },
+        "unc-path-regex": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+            "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==",
+            "dev": true
+        },
         "unfetch": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/unfetch/-/unfetch-4.2.0.tgz",
@@ -41199,6 +43115,24 @@
             "dev": true,
             "optional": true
         },
+        "upper-case": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-2.0.2.tgz",
+            "integrity": "sha512-KgdgDGJt2TpuwBUIjgG6lzw2GWFRCW9Qkfkiv0DxqHHLYJHmtmdUIKcZd8rHgFSjopVTlw6ggzCm1b8MFQwikg==",
+            "dev": true,
+            "requires": {
+                "tslib": "^2.0.3"
+            }
+        },
+        "upper-case-first": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/upper-case-first/-/upper-case-first-2.0.2.tgz",
+            "integrity": "sha512-514ppYHBaKwfJRK/pNC6c/OxfGa0obSnAl106u97Ed0I625Nin96KAjttZF6ZL3e1XLtphxnqrOi9iWgm+u+bg==",
+            "dev": true,
+            "requires": {
+                "tslib": "^2.0.3"
+            }
+        },
         "uri-js": {
             "version": "4.4.1",
             "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
@@ -41360,6 +43294,12 @@
             "integrity": "sha512-mpSYqfsFvASnSn5qMiwrr4VKfumbPyONLCOPmsR3A6pTY/r0+tSaVbgPWSAIuzbk3lCTa+FForeTiO+wBQGkjA==",
             "dev": true
         },
+        "v8flags": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/v8flags/-/v8flags-4.0.0.tgz",
+            "integrity": "sha512-83N0OkTbn6gOjJ2awNuzuK4czeGxwEwBoTqlhBZhnp8o0IJ72mXRQKphj/azwRf3acbDJZYZhbOPEJHd884ELg==",
+            "dev": true
+        },
         "validate-npm-package-license": {
             "version": "3.0.4",
             "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -42157,6 +44097,15 @@
                 }
             }
         },
+        "wcwidth": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
+            "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+            "dev": true,
+            "requires": {
+                "defaults": "^1.0.3"
+            }
+        },
         "web-namespaces": {
             "version": "1.1.4",
             "resolved": "https://registry.npmjs.org/web-namespaces/-/web-namespaces-1.1.4.tgz",
diff --git a/package.json b/package.json
index 0c917e1..ca6ccc2 100755
--- a/package.json
+++ b/package.json
@@ -24,7 +24,8 @@
         "release:major": "standard-version --no-verify --release-as major",
         "release:minor": "standard-version --no-verify --release-as minor",
         "release:patch": "standard-version --no-verify --release-as patch",
-        "prepare": "husky install"
+        "prepare": "husky install",
+        "template": "plop"
     },
     "dependencies": {
         "@vueuse/core": "^8.5.0",
@@ -54,6 +55,7 @@
         "husky": "^7.0.4",
         "jsdom": "^19.0.0",
         "lint-staged": "^12.3.7",
+        "plop": "^3.1.1",
         "prettier": "^2.5.1",
         "sass": "^1.49.7",
         "standard-version": "^9.3.2",
diff --git a/plop-templates/component/component-generator.mjs b/plop-templates/component/component-generator.mjs
new file mode 100644
index 0000000..f9d69aa
--- /dev/null
+++ b/plop-templates/component/component-generator.mjs
@@ -0,0 +1,49 @@
+export const componentGenerator = {
+    name: 'Vue component',
+    config: {
+        description: 'vue component',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'component name',
+            },
+            {
+                type: 'input',
+                name: 'path',
+                message: 'component path',
+                default: 'components',
+            },
+            {
+                type: 'confirm',
+                name: 'addStory',
+                message: 'Add component story?',
+                default: true,
+            },
+        ],
+        actions: function (data) {
+            const actions = [
+                {
+                    type: 'add',
+                    path: 'src/{{path}}/{{name}}/{{name}}.vue',
+                    templateFile: 'plop-templates/component/component.hbs',
+                },
+                {
+                    type: 'add',
+                    path: 'src/{{path}}/{{name}}/{{name}}.spec.js',
+                    templateFile: 'plop-templates/component/component.spec.hbs',
+                },
+            ];
+
+            if (data.addStory) {
+                actions.push({
+                    type: 'add',
+                    path: 'src/{{path}}/{{name}}/{{name}}.stories.js',
+                    templateFile: 'plop-templates/component/component.stories.hbs',
+                });
+            }
+
+            return actions;
+        },
+    },
+};
diff --git a/plop-templates/component/component.hbs b/plop-templates/component/component.hbs
new file mode 100644
index 0000000..094775d
--- /dev/null
+++ b/plop-templates/component/component.hbs
@@ -0,0 +1,26 @@
+<script setup>
+// import { ref } from 'vue';
+
+// props
+// const props = defineProps({});
+
+// events
+// const emit = defineEmits(['']);
+
+// reactive variables
+// let foo = ref(null);
+
+// computed properties
+// const cfoo = computed(() => '');
+
+// watchers
+// watch(foo, (foo) => {});
+</script>
+
+<template>
+    <div class="{{ lowerCase name }}"></div>
+</template>
+
+<style lang="scss">
+.{{ lowerCase name }} {}
+</style>
diff --git a/plop-templates/component/component.spec.hbs b/plop-templates/component/component.spec.hbs
new file mode 100644
index 0000000..9fe91d1
--- /dev/null
+++ b/plop-templates/component/component.spec.hbs
@@ -0,0 +1,20 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { destroyWrapper } from '@/test/utils.js';
+import {{ name }} from './{{ name }}.vue';
+
+let wrapper = null;
+
+function createWrapper(options = {}) {
+    return mount({{ name }}, options);
+}
+
+afterEach(() => {
+    destroyWrapper(wrapper);
+});
+
+describe('{{ name }}', () => {
+    it.todo('should', () => {
+        wrapper = createWrapper();
+    });
+});
diff --git a/plop-templates/component/component.stories.hbs b/plop-templates/component/component.stories.hbs
new file mode 100644
index 0000000..36daee2
--- /dev/null
+++ b/plop-templates/component/component.stories.hbs
@@ -0,0 +1,15 @@
+import {{ name }} from './{{ name }}.vue';
+
+export default {
+    title: '{{ name }}',
+    component: {{ name }},
+};
+
+export const Default = () => ({
+    components: { {{ name }} },
+    template: `
+        <div>
+            <{{ name }} />
+        </div>
+    `,
+});
diff --git a/plop-templates/composable/composable-generator.mjs b/plop-templates/composable/composable-generator.mjs
new file mode 100644
index 0000000..ac2b22e
--- /dev/null
+++ b/plop-templates/composable/composable-generator.mjs
@@ -0,0 +1,31 @@
+export const composableGenerator = {
+    name: 'Vue composable',
+    config: {
+        description: 'Vue composable',
+        prompts: [
+            {
+                type: 'input',
+                name: 'name',
+                message: 'composable name',
+            },
+            {
+                type: 'input',
+                name: 'path',
+                message: 'composable path',
+                default: 'composables',
+            },
+        ],
+        actions: [
+            {
+                type: 'add',
+                path: 'src/{{path}}/{{name}}/{{name}}.js',
+                templateFile: 'plop-templates/composable/composable.hbs',
+            },
+            {
+                type: 'add',
+                path: 'src/{{path}}/{{name}}/{{name}}.spec.js',
+                templateFile: 'plop-templates/composable/composable.spec.hbs',
+            },
+        ],
+    },
+};
diff --git a/plop-templates/composable/composable.hbs b/plop-templates/composable/composable.hbs
new file mode 100644
index 0000000..a0fb9e5
--- /dev/null
+++ b/plop-templates/composable/composable.hbs
@@ -0,0 +1,2 @@
+export function {{ name }}() {
+}
diff --git a/plop-templates/composable/composable.spec.hbs b/plop-templates/composable/composable.spec.hbs
new file mode 100644
index 0000000..2400886
--- /dev/null
+++ b/plop-templates/composable/composable.spec.hbs
@@ -0,0 +1,24 @@
+import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { withSetup } from '@/test/utils.js';
+import { {{ name }} } from './{{ name }}.js';
+
+let composableResult = null;
+let app = null;
+
+beforeEach(() => {
+    const result = withSetup({ composable: () => {{ name }}() });
+    composableResult = result.composableResult;
+    app = result.app;
+});
+
+afterEach(() => {
+    app.unmount();
+    composableResult = null;
+    app = null;
+});
+
+describe('{{ name }}', () => {
+    it('should return', () => {
+        //composableResult.
+    });
+});
diff --git a/plop-templates/index.mjs b/plop-templates/index.mjs
new file mode 100644
index 0000000..45e3bcd
--- /dev/null
+++ b/plop-templates/index.mjs
@@ -0,0 +1,5 @@
+import { componentGenerator } from './component/component-generator.mjs';
+import { composableGenerator } from './composable/composable-generator.mjs';
+
+export const plopHelpers = [];
+export const plopGenerators = [componentGenerator, composableGenerator];
diff --git a/plopfile.mjs b/plopfile.mjs
new file mode 100644
index 0000000..9e48d11
--- /dev/null
+++ b/plopfile.mjs
@@ -0,0 +1,11 @@
+import { plopGenerators, plopHelpers } from './plop-templates/index.mjs';
+
+export default function (plop) {
+    plopHelpers.forEach((helper) => {
+        plop.setHelper(helper.name, helper.fn);
+    });
+
+    plopGenerators.forEach((generator) => {
+        plop.setGenerator(generator.name, generator.config);
+    });
+}
diff --git a/src/components/FUploadArea/FUploadArea.stories.js b/src/components/FUploadArea/FUploadArea.stories.js
index 3bb9070..55deccb 100644
--- a/src/components/FUploadArea/FUploadArea.stories.js
+++ b/src/components/FUploadArea/FUploadArea.stories.js
@@ -7,7 +7,6 @@ export default {
 
 export const Default = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea name="upl" />
@@ -17,7 +16,6 @@ export const Default = () => ({
 
 export const Multiple = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea multiple name="upl">
@@ -29,7 +27,6 @@ export const Multiple = () => ({
 
 export const Invalid = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea invalid name="upl">
@@ -41,7 +38,6 @@ export const Invalid = () => ({
 
 export const OnChange = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea @change="event = $event" multiple name="upl">
@@ -61,7 +57,6 @@ export const OnChange = () => ({
 
 export const Accept = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea accept="image/*,.pdf,application/json" @invalid="errors = $event" @change="errors = []" multiple name="upl">
@@ -80,7 +75,6 @@ export const Accept = () => ({
 
 export const MaxFileSize = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea :max-file-size="200000" @invalid="errors = $event" @change="errors = []" multiple name="upl">
@@ -99,7 +93,6 @@ export const MaxFileSize = () => ({
 
 export const FilesValidator = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea
@@ -142,7 +135,6 @@ export const FilesValidator = () => ({
 
 export const FilesSlot = () => ({
     components: { FUploadArea },
-    //language=HTML
     template: `
         <div>
             <FUploadArea accept="image/*" name="upl" @change="onChange" style="max-width: 480px">

From 1fdb362989a8087d16e2b72fbef6caf3eb1699f1 Mon Sep 17 00:00:00 2001
From: Pavel Spacil <pavel.spacil@gmail.com>
Date: Mon, 5 Sep 2022 10:17:25 +0200
Subject: [PATCH 3/4] feat(FUploadAreaFormInput): create component

---
 src/components/FForm/FForm.vue                |  17 +-
 src/components/FFormInput/FFormInput.vue      |  12 +-
 .../FUploadAreaFormInput.spec.js              |  86 +++++
 .../FUploadAreaFormInput.stories.js           |  71 ++++
 .../FUploadAreaFormInput.vue                  |  77 ++++
 src/components/index.js                       |   1 +
 src/composables/useFormInput/useFormInput.js  | 358 ++++++++++++++++++
 7 files changed, 616 insertions(+), 6 deletions(-)
 create mode 100644 src/components/FUploadAreaFormInput/FUploadAreaFormInput.spec.js
 create mode 100644 src/components/FUploadAreaFormInput/FUploadAreaFormInput.stories.js
 create mode 100644 src/components/FUploadAreaFormInput/FUploadAreaFormInput.vue
 create mode 100644 src/composables/useFormInput/useFormInput.js

diff --git a/src/components/FForm/FForm.vue b/src/components/FForm/FForm.vue
index cd68835..8b8f32d 100755
--- a/src/components/FForm/FForm.vue
+++ b/src/components/FForm/FForm.vue
@@ -269,7 +269,22 @@ export default {
         },
 
         getElements() {
-            return cloneObject(this.elements.elements);
+            const fileLists = {};
+
+            Object.keys(this.elements.elements).forEach((key) => {
+                const value = this.elements.elements[key];
+                if (value instanceof FileList) {
+                    fileLists[key] = value;
+                }
+            });
+
+            const elements = cloneObject(this.elements.elements);
+
+            Object.keys(fileLists).forEach((key) => {
+                elements[key] = fileLists[key];
+            });
+
+            return elements;
         },
 
         getLastChangedElement() {
diff --git a/src/components/FFormInput/FFormInput.vue b/src/components/FFormInput/FFormInput.vue
index 82e5a5c..bf0889c 100755
--- a/src/components/FFormInput/FFormInput.vue
+++ b/src/components/FFormInput/FFormInput.vue
@@ -152,11 +152,13 @@ export default {
         inputValue(_value, _oldValue) {
             this._firstChange = false;
 
-            this._oldInputValue = clone(_oldValue);
-            // this.$emit('input', _value);
-            this.$emit('update:modelValue', _value);
-            if (this.name && this.elements.elements) {
-                this.elements.elements[this.name] = _value;
+            if (_value !== undefined) {
+                this._oldInputValue = clone(_oldValue);
+                // this.$emit('input', _value);
+                this.$emit('update:modelValue', _value);
+                if (this.name && this.elements.elements) {
+                    this.elements.elements[this.name] = _value;
+                }
             }
         },
 
diff --git a/src/components/FUploadAreaFormInput/FUploadAreaFormInput.spec.js b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.spec.js
new file mode 100644
index 0000000..bbcd0e8
--- /dev/null
+++ b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.spec.js
@@ -0,0 +1,86 @@
+import { describe, it, expect, afterEach } from 'vitest';
+import { mount } from '@vue/test-utils';
+import { destroyWrapper } from '@/test/utils.js';
+import FUploadAreaFormInput from './FUploadAreaFormInput.vue';
+import { delay } from '@/utils/index.js';
+import { FUploadArea } from '@/components/index.js';
+
+let wrapper = null;
+
+function createWrapper(options = {}) {
+    return mount(FUploadAreaFormInput, options);
+}
+
+afterEach(() => {
+    destroyWrapper(wrapper);
+});
+
+describe('FUploadAreaFormInput', () => {
+    it('should wrap FUploadArea component', async () => {
+        wrapper = createWrapper({
+            slots: {
+                default: 'Lorem ipsum',
+            },
+        });
+        const fileInput = wrapper.find('input[type="file"]');
+        const files = [{ name: 'File 1' }, { name: 'File 2' }];
+
+        expect(wrapper.text()).toMatch(/.*Lorem ipsum.*/);
+
+        await fileInput.trigger('change', { files });
+
+        expect(wrapper.text()).toContain('File 1File 2');
+    });
+
+    it('should show info text', () => {
+        wrapper = createWrapper({
+            props: {
+                infoText: 'Info text',
+            },
+        });
+
+        expect(wrapper.text()).toContain('Info text');
+    });
+
+    it('should show error messages when a validation fails', async () => {
+        wrapper = createWrapper({
+            props: {
+                validator(files) {
+                    return [`Bad files ${files.map((file) => file.name).join(', ')}`];
+                },
+            },
+        });
+        const fileInput = wrapper.find('input[type="file"]');
+
+        await fileInput.trigger('change', { files: [{ name: 'Foo' }, { name: 'Foo2' }] });
+        await delay(0);
+
+        expect(wrapper.text()).toContain('Bad files Foo, Foo2');
+    });
+
+    it('should emit "validation-state" event on change and invalid events', () => {
+        wrapper = createWrapper();
+        const fUploadArea = wrapper.findComponent(FUploadArea);
+
+        fUploadArea.vm.$emit('change');
+
+        expect(wrapper.emitted('validation-state')).toHaveLength(1);
+
+        fUploadArea.vm.$emit('invalid');
+
+        expect(wrapper.emitted('validation-state')).toHaveLength(2);
+    });
+
+    it('should emit "update:value" event on change and invalid events', () => {
+        wrapper = createWrapper();
+        const fUploadArea = wrapper.findComponent(FUploadArea);
+
+        fUploadArea.vm.$emit('change');
+
+        expect(wrapper.emitted('update:value')).toHaveLength(1);
+
+        fUploadArea.vm.$emit('invalid');
+
+        expect(wrapper.emitted('update:value')).toHaveLength(2);
+    });
+});
diff --git a/src/components/FUploadAreaFormInput/FUploadAreaFormInput.stories.js b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.stories.js
new file mode 100644
index 0000000..8a3da7d
--- /dev/null
+++ b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.stories.js
@@ -0,0 +1,71 @@
+import { FForm, FFormInput, FButton, FUploadAreaFormInput } from '../index.js';
+import { markRaw } from 'vue';
+
+export default {
+    title: 'FUploadAreaFormInput',
+    component: FUploadAreaFormInput,
+};
+
+export const Default = () => ({
+    components: { FUploadAreaFormInput },
+    template: `
+        <div>
+            <FUploadAreaFormInput />
+        </div>
+    `,
+});
+
+export const InfoText = () => ({
+    components: { FUploadAreaFormInput },
+    template: `
+        <div>
+            <FUploadAreaFormInput info-text="Info text" />
+        </div>
+    `,
+});
+
+export const Validation = () => ({
+    components: { FUploadAreaFormInput, FForm, FFormInput, FButton },
+    template: `
+        <div>
+            <FForm class="" @submit="onSubmit">
+                <FFormInput
+                    :type="FUploadAreaFormInput"
+                    name="uploadarea"
+                    required
+                    info-text="Max file size is 200kB"
+                    accept="image/*"
+                    :max-file-size="200000"
+                    @change="onChange"
+                    style="max-width: 480px"
+                >
+                    <template #files>
+                        <img :src="imagePreview" alt="preview" style="max-width: 100%">
+                    </template>
+                    <template #default>
+                        Select an image
+                    </template>
+                </FFormInput>
+                <div class="fform_buttons">
+                    <FButton type="submit" label="Submit" size="large" />
+                </div>
+            </FForm>
+            form values: {{ values }}
+        </div>
+    `,
+    data() {
+        return {
+            imagePreview: '',
+            values: {},
+            FUploadAreaFormInput: markRaw(FUploadAreaFormInput),
+        };
+    },
+    methods: {
+        onChange(event) {
+            this.imagePreview = URL.createObjectURL(event.files[0]);
+        },
+        onSubmit(event) {
+            this.values = event.values;
+        },
+    },
+});
diff --git a/src/components/FUploadAreaFormInput/FUploadAreaFormInput.vue b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.vue
new file mode 100644
index 0000000..1cae9e2
--- /dev/null
+++ b/src/components/FUploadAreaFormInput/FUploadAreaFormInput.vue
@@ -0,0 +1,77 @@
+<script setup>
+import { FUploadArea, FErrorMessages, FInfoText } from '../index.js';
+import { formInputProps, useFormInput } from '../../composables/useFormInput/useFormInput.js';
+
+const emit = defineEmits(['validation-state', 'update:value']);
+
+const props = defineProps({
+    ...formInputProps(),
+});
+
+const {
+    inputValue,
+    validationState,
+    infoTextId,
+    errorMsgId,
+    dInputContId,
+    slotProps,
+    setValidationState,
+    changeValidationState,
+    validate,
+} = useFormInput(props, emit);
+
+inputValue.value = [];
+
+async function setValidationStt(errorMessages = [], invalid = false) {
+    const validationSte = {};
+
+    setValidationState({ validationState: validationSte, errorMessages: errorMessages, invalid });
+    await changeValidationState(validationSte);
+}
+
+function onChange(event) {
+    inputValue.value = event?.files || [];
+    emit('update:value', inputValue.value);
+    setValidationStt();
+}
+
+function onInvalid(errorMessages) {
+    inputValue.value = [];
+    emit('update:value', inputValue.value);
+    setValidationStt(errorMessages, true);
+}
+
+defineExpose({ validate });
+</script>
+
+<template>
+    <FUploadArea
+        v-bind="$attrs"
+        :files-validator="validator"
+        @change="onChange"
+        @invalid="onInvalid"
+        class="fuploadareaforminput"
+    >
+        <!-- copy slots -->
+        <template v-for="(index, name) in $slots" v-slot:[name]="data">
+            <slot :name="name" v-bind="data"> </slot>
+        </template>
+    </FUploadArea>
+    <slot name="bottom" v-bind="slotProps">
+        <div v-if="validationState.errors.length > 0">
+            <FErrorMessages
+                :errors-cont-id="errorMsgId"
+                :errors="validationState.errors"
+                :input-cont-id="dInputContId"
+            />
+        </div>
+        <div v-else-if="infoText">
+            <FInfoText :text="infoText" :info-text-id="infoTextId" />
+        </div>
+    </slot>
+</template>
+
+<style lang="scss">
+.fuploadareaforminput {
+}
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index ffaad04..dafa2d7 100755
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -61,3 +61,4 @@ export { default as FAddress } from './FAddress/FAddress.vue';
 export { default as FActionButtons } from './FActionButtons/FActionButtons.vue';
 export { default as FToken } from './FToken/FToken.vue';
 export { default as FUploadArea } from './FUploadArea/FUploadArea.vue';
+export { default as FUploadAreaFormInput } from './FUploadAreaFormInput/FUploadAreaFormInput.vue';
diff --git a/src/composables/useFormInput/useFormInput.js b/src/composables/useFormInput/useFormInput.js
new file mode 100644
index 0000000..37264f5
--- /dev/null
+++ b/src/composables/useFormInput/useFormInput.js
@@ -0,0 +1,358 @@
+import { ref, computed } from 'vue';
+import { requiredValidator } from '../../utils/validators/validators.js';
+import { getUniqueId, isArray } from '../../utils/index.js';
+import { FAriaAlert } from '../../components/index.js';
+
+export function formInputProps() {
+    return {
+        /**
+         * Custom validator function.
+         * If return value is `true`, `errorMessage` will be displayed.
+         * If returns non-empty string, the string will be displayed as an error message.
+         * If returns non-empty array, all error messages in the array will be displayed.
+         * Can return also Promise (asynchronous validation) or array of error messages.
+         * @param {*} _value
+         */
+        validator: {
+            type: Function,
+            default: null,
+        },
+        /**
+         * Validator for required field.
+         * @param {*} _value
+         */
+        requiredValidator: {
+            type: Function,
+            default: requiredValidator,
+        },
+        /** Validate on change or input event */
+        validateOnChange: {
+            type: Boolean,
+            default: false,
+        },
+        /** To presentation format */
+        inFormatter: {
+            type: Function,
+            default: null,
+        },
+        /** From presentation format */
+        outFormatter: {
+            type: Function,
+            default: null,
+        },
+        /** Error message to be displayed when validation fails */
+        errorMessage: {
+            type: String,
+            default: '',
+        },
+        /** Additional information text besides label */
+        infoText: {
+            type: String,
+            default: '',
+        },
+        /** Id (or ids separated by space) of element(s) that represents label for the component */
+        labeledBy: {
+            type: String,
+            default: '',
+        },
+        /** Hide label element */
+        noLabel: {
+            type: Boolean,
+            default: false,
+        },
+        /**
+         * Id (or ids separated by space) of element(s) that represents description (besided label) for the component
+         */
+        describedBy: {
+            type: String,
+            default: '',
+        },
+        /** Id (or ids separated by space) of element(s) that represents control (aria-controls) for the component */
+        controlsId: {
+            type: String,
+            default: '',
+        },
+        ariaAutocomplete: {
+            type: String,
+            default: '',
+        },
+        ariaActivedescendant: {
+            type: String,
+            default: '',
+        },
+        ariaLabel: {
+            type: String,
+            default: '',
+        },
+        /**
+         * Component to be used for displaying error messages.
+         * String (component name) or object {name: string, props: object}.
+         */
+        errorMessagesComponent: {
+            type: [String, Object],
+            default: 'FErrorMessages',
+        },
+        /**
+         * Component to be used for displaying info text in a form input element.
+         * String (component name) or object {name: string, props: object}.
+         */
+        infoTextComponent: {
+            type: [String, Object],
+            default: 'FInfoText',
+        },
+        /** */
+        inputContId: {
+            type: String,
+            default: '',
+        },
+        /** */
+        required: {
+            type: Boolean,
+            default: false,
+        },
+        readonly: {
+            type: Boolean,
+            default: false,
+        },
+    };
+}
+
+export function useFormInput(props = {}, emit) {
+    if (!props || !emit) {
+        throw new Error('Need props and emit');
+    }
+
+    // refs
+    const inputValue = ref(formatIn(props.value !== undefined ? props.value : ''));
+    /** Identifies what represents empty value of form input component */
+    const emptyValue = ref('');
+    const validationState = ref({
+        valid: props.invalid ? !props.invalid : true,
+        invalid: props.invalid ? !!props.invalid : false,
+        pending: false,
+        validated: false,
+        errors: [],
+    });
+    const labeledById = ref(props.labeledBy || getUniqueId());
+    const infoTextId = ref(getUniqueId());
+    const errorMsgId = ref(getUniqueId());
+    const dInputContId = ref(props.inputContId || getUniqueId());
+
+    /** @type {Promise} */
+    let pendingValidation = null;
+    /** Helper */
+    let pendingValue = '';
+
+    /**
+     * Object passed to slots
+     *
+     * @returns {{labeledById: (String|string), label: formInputMixin.computed.label}}
+     */
+    const slotProps = computed(() => ({
+        labeledById: labeledById.value,
+        label: props.label,
+        infoText: props.infoText,
+        validationState: validationState.value,
+        errorMsgId: errorMsgId.value,
+        infoTextId: infoTextId.value,
+        required: props.required,
+    }));
+
+    /**
+     * Use in component's `aria-describedby` attribute
+     *
+     * @returns {string|null}
+     */
+    const ariaLabeledByIds = computed(() => {
+        const ids = [];
+
+        if (props.label) {
+            ids.push(labeledById.value);
+        }
+
+        if (props.labeledBy) {
+            ids.push(props.labeledBy);
+        }
+
+        return ids.length > 0 ? ids.join(' ') : null;
+    });
+
+    /**
+     * Use in component's `aria-describedby` attribute
+     *
+     * @returns {string|null}
+     */
+    const ariaDescribedByIds = computed(() => {
+        const ids = [];
+
+        if (props.describedBy) {
+            ids.push(props.describedBy);
+        }
+
+        if (props.infoText) {
+            ids.push(infoTextId.value);
+        }
+
+        if (validationState.value.errors.length > 0) {
+            ids.push(errorMsgId.value);
+        }
+
+        return ids.length > 0 ? ids.join(' ') : null;
+    });
+
+    /**
+     * @param {function} [_validator]
+     * @return {Promise<null|*>}
+     */
+    async function validate(_validator) {
+        const validator = _validator || props.validator;
+        const validationSte = { ...validationState.value };
+        const validatorExists = typeof validator === 'function';
+        let errorMsgs = [];
+        let invalid = false;
+        let result;
+
+        if (validatorExists) {
+            if (pendingValidation) {
+                return pendingValidation;
+            }
+
+            result = validator(inputValue.value);
+
+            if (result instanceof Promise) {
+                pendingValidation = result;
+                validationSte.pending = true;
+
+                // store current value
+                pendingValue = inputValue.value;
+
+                await changeValidationState(validationSte);
+
+                try {
+                    result = await result;
+
+                    // if current value is different than pending value, validate again
+                    if (pendingValue !== inputValue.value) {
+                        pendingValue = '';
+                        pendingValidation = null;
+
+                        this.validate(_validator);
+
+                        return;
+                    }
+                } catch (_error) {
+                    pendingValidation = null;
+                    validationSte.pending = false;
+                    validationSte.errors = [_error];
+
+                    await changeValidationState(validationSte);
+
+                    throw _error;
+                }
+            }
+
+            invalid = isArray(result) ? result.length > 0 : !!result;
+
+            if (isArray(result)) {
+                errorMsgs = result;
+            } else if (typeof result === 'string') {
+                errorMsgs = result ? [result] : [];
+            } else {
+                errorMsgs = invalid ? [this.errorMessage] : [];
+            }
+
+            pendingValidation = null;
+        }
+
+        if (props.required) {
+            result = props.requiredValidator(inputValue.value);
+
+            if (result) {
+                errorMsgs.push(result);
+            }
+
+            if (!invalid) {
+                invalid = !!result;
+            }
+        }
+
+        if (validatorExists || props.required) {
+            setValidationState({ validationState: validationSte, errorMessages: errorMsgs, invalid });
+            await changeValidationState(validationSte);
+        }
+    }
+
+    function setValidationState({ validationState = {}, errorMessages = [], invalid = false }) {
+        validationState.errors = [...errorMessages];
+        validationState.invalid = invalid;
+        validationState.valid = !invalid;
+        validationState.pending = false;
+        validationState.validated = true;
+    }
+
+    /**
+     * @param {object} _validationState
+     */
+    async function changeValidationState(_validationState) {
+        const { errors } = _validationState;
+
+        if (!props.validateOnInput && errors && errors.length > 0) {
+            // const { activeElement } = document;
+
+            // if (activeElement && this.id && activeElement.closest(`#${this.id}`) === null) {
+            await FAriaAlert.clear();
+            for (let i = 0, len = errors.length; i < len; i++) {
+                await FAriaAlert.append(errors[i]);
+            }
+            // }
+        }
+
+        validationState.value = { ..._validationState };
+        emit('validation-state', _validationState);
+    }
+
+    /**
+     * @param {*} _value
+     * @returns {*}
+     */
+    function formatIn(_value) {
+        if (typeof props.inFormatter === 'function') {
+            return props.inFormatter(_value);
+        }
+
+        return _value;
+    }
+
+    /**
+     * @param {*} _value
+     * @returns {*}
+     */
+    function formatOut(_value) {
+        if (typeof props.outFormatter === 'function') {
+            return props.outFormatter(_value);
+        }
+
+        return _value;
+    }
+
+    return {
+        // refs
+        inputValue,
+        emptyValue,
+        validationState,
+        labeledById,
+        infoTextId,
+        errorMsgId,
+        dInputContId,
+        // computed
+        slotProps,
+        ariaLabeledByIds,
+        ariaDescribedByIds,
+        // functions
+        validate,
+        setValidationState,
+        changeValidationState,
+        formatIn,
+        formatOut,
+    };
+}

From aa4b005f525c09913a4eb5994bf0de406b5395cc Mon Sep 17 00:00:00 2001
From: Pavel Spacil <pavel.spacil@gmail.com>
Date: Mon, 5 Sep 2022 10:17:45 +0200
Subject: [PATCH 4/4] chore(release): 0.24.0

---
 CHANGELOG.md      | 8 ++++++++
 package-lock.json | 4 ++--
 package.json      | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fbbc83e..4eb1965 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.24.0](https://github.com/Fantom-foundation/Fantom-Vue3-Components/compare/v0.23.0...v0.24.0) (2022-09-05)
+
+
+### Features
+
+* **FUploadArea:** add `invalid` state ([3f9cc34](https://github.com/Fantom-foundation/Fantom-Vue3-Components/commit/3f9cc3444b71dc537e44d13c8cf04eb5ec1dcb61))
+* **FUploadAreaFormInput:** create component ([1fdb362](https://github.com/Fantom-foundation/Fantom-Vue3-Components/commit/1fdb362989a8087d16e2b72fbef6caf3eb1699f1))
+
 ## [0.23.0](https://github.com/Fantom-foundation/Fantom-Vue3-Components/compare/v0.22.0...v0.23.0) (2022-08-31)
 
 
diff --git a/package-lock.json b/package-lock.json
index 34e7c34..bf332ff 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "fantom-vue3-components",
-    "version": "0.23.0",
+    "version": "0.24.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "fantom-vue3-components",
-            "version": "0.23.0",
+            "version": "0.24.0",
             "license": "MIT",
             "dependencies": {
                 "@vueuse/core": "^8.5.0",
diff --git a/package.json b/package.json
index ca6ccc2..e9b14d1 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "fantom-vue3-components",
-    "version": "0.23.0",
+    "version": "0.24.0",
     "description": "Library of various Vue 3 components with focus on accessibility",
     "author": "Fantom Foundation",
     "license": "MIT",