feat: storybook

components/MyButton.stories.js

@@ -1,7 +0,0 @@
-export default {
-  title: "MyButton",
-}
-
-export const MyButton = () => {
-  "<MyButton>Primary Button</MyButton>"
-}

components/MyButton.vue

@@ -1,3 +0,0 @@
-<template>
-  <button>Button</button>
-</template>

components/button/Button.stories.js

@@ -0,0 +1,7 @@
+export default {
+  title: "Button",
+}
+
+export const PrimaryButton = () => `<ButtonPrimary label="Primary" />`
+
+export const SecondaryButton = () => `<ButtonSecondary label="Secondary" />`

package.json

@@ -69,7 +69,7 @@
     "@commitlint/config-conventional": "^13.1.0",
     "@nuxt/types": "^2.15.7",
     "@nuxt/typescript-build": "^2.1.0",
-    "@nuxtjs/color-mode": "^2.0.10",
+    "@nuxtjs/color-mode": "^2.1.1",
     "@nuxtjs/dotenv": "^1.4.1",
     "@nuxtjs/eslint-config-typescript": "^6.0.1",
     "@nuxtjs/eslint-module": "^3.0.2",
@@ -96,6 +96,7 @@
     "jest-serializer-vue": "^2.0.2",
     "lint-staged": "^11.1.1",
     "nuxt-windicss": "^1.2.1",
+    "postcss": "^8.3.6",
     "prettier": "^2.3.2",
     "pretty-quick": "^3.1.1",
     "raw-loader": "^4.0.2",