create VTag component

Author: ngken0995

frontend/src/components/VTag/VTag.vue

@@ -0,0 +1,30 @@
+<template>
+  <VButton
+    as="VLink"
+    size="small"
+    variant="filled-gray"
+    class="label-bold"
+    :href="href"
+    >{{ title }}</VButton
+  >
+</template>
+
+<script lang="ts">
+import { defineComponent } from "@nuxtjs/composition-api"
+
+import VButton from "~/components/VButton.vue"
+
+export default defineComponent({
+  name: "VTag",
+  components: { VButton },
+  props: {
+    title: { type: String },
+    href: {
+      type: String,
+      required: true,
+    },
+  },
+})
+</script>
+
+<style scoped></style>

frontend/src/components/VTag/meta/VTag.stories.mdx

@@ -0,0 +1,17 @@
+import { Canvas, Meta, Story } from "@storybook/addon-docs"
+
+import VTag from "~/components/VTag/VTag.vue"
+
+export const Template = (args) => ({
+  template: `<VTag v-bind="args"/>`,
+  components: { VTag },
+  setup() {
+    return { args }
+  },
+})
+
+<Meta title="Components/VTag" component={VTag} />
+
+<Canvas>
+  <Story name="default">{Template.bind({})}</Story>
+</Canvas>