feat: add basic storybook vue js and ts template

src/templates/storybook/vue/3/js/Component.js

@@ -0,0 +1,43 @@
+import type { ArgTypes, Meta, StoryFn } from '@storybook/vue3'
+
+import { toRefs } from 'vue'
+
+import ResourceName from 'resourcePath'
+
+type Props = InstanceType<typeof ResourceName>
+
+const argTypes: Partial<ArgTypes<Props>> = {
+  // Describe your args type (component properties) here to autodocs show properly informations
+}
+
+const meta: Meta<Props> = {
+  component: ResourceName,
+  title: 'Components/UI/Card',
+  tags: ['autodocs'],
+  argTypes
+}
+
+export default meta
+
+const Template: StoryFn<Props> = (args) => ({
+  components: { ResourceName },
+  setup() {
+    const reactiveArgs = toRefs(args)
+
+    return { args: reactiveArgs }
+  },
+  template: `
+    <ResourceName 
+      // pass here yours props, e.g: (remove this comment)
+
+      :id="args.id"
+    >
+        <!-- If your component receive slots, pass them here, if not, remove this comment -->
+    </ResourceName>
+  `
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  id: 'clingon-generated-resource'
+}

src/templates/storybook/vue/3/ts/Component.ts

@@ -0,0 +1,41 @@
+import type { ArgTypes, Meta, StoryFn } from '@storybook/vue3'
+
+import { toRefs } from 'vue'
+
+import ResourceName from 'resourcePath'
+
+const argTypes = {
+  // Describe your args type (component properties) here to autodocs show properly informations
+}
+
+const meta = {
+  component: ResourceName,
+  title: 'Components/UI/Card',
+  tags: ['autodocs'],
+  argTypes
+}
+
+export default meta
+
+const Template = (args) => ({
+  components: { ResourceName },
+  setup() {
+    const reactiveArgs = toRefs(args)
+
+    return { args: reactiveArgs }
+  },
+  template: `
+    <ResourceName 
+      // pass here yours props, e.g: (remove this comment)
+
+      :id="args.id"
+    >
+        <!-- If your component receive slots, pass them here, if not, remove this comment -->
+    </ResourceName>
+  `
+})
+
+export const Default = Template.bind({})
+Default.args = {
+  id: 'clingon-generated-resource'
+}