refactor: move storybook to the formkit package

package.json

@@ -34,7 +34,10 @@
     "sandbox:nuxt": "yarn workspace sandbox dev:nuxt",
     "sandbox:vue-cli": "yarn workspace sandbox dev:vue-cli",
     "sandbox:web-components": "yarn workspace sandbox dev:web-components",
-    "release": "yarn workspace deploy release"
+    "release": "yarn workspace deploy release",
+    "serve:formkit": "yarn workspace @vuestic/formkit serve:storybook",
+    "build:formkit": "yarn workspace @vuestic/formkit build:storybook",
+    "start:formkit": "yarn workspace @vuestic/formkit start:storybook"
   },
   "workspaces": {
     "packages": [
@@ -56,6 +59,7 @@
     "@vue/server-renderer": "3.5.12",
     "@vue/compiler-dom": "3.5.12",
     "sass": "1.52.0",
+    "typescript": "5.3.2",
     "vue-tsc": "2.0.7"
   }
 }

packages/formkit/.storybook/main.ts

@@ -0,0 +1,8 @@
+import { type StorybookConfig } from '@storybook/vue3-vite'
+
+const config: StorybookConfig = {
+  stories: ['../stories/*.stories.ts'],
+  framework: '@storybook/vue3-vite',
+}
+
+export default config

packages/formkit/.storybook/preview.ts

@@ -0,0 +1,16 @@
+import { type Preview, setup } from '@storybook/vue3'
+import { createVuestic } from 'vuestic-ui'
+import { plugin as formkitPlugin, defaultConfig as formkitConfig } from '@formkit/vue'
+import 'vuestic-ui/css'
+import 'vuestic-ui/styles/essential.css'
+import 'vuestic-ui/styles/typography.css'
+import './vuestic.css'
+
+setup((app) => {
+  app.use(createVuestic())
+  app.use(formkitPlugin, formkitConfig())
+})
+
+const preview: Preview = {}
+
+export default preview

packages/formkit/.storybook/vuestic.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,400;1,700&display=swap");
+@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

packages/formkit/package.json

@@ -21,8 +21,11 @@
     "dist"
   ],
   "scripts": {
-    "build": "rm -rf dist && tsup src/index.ts --format esm --dts",
-    "prepublishOnly": "npm run build"
+    "build": "tsup src/index.ts --format esm --dts",
+    "prepublishOnly": "npm run build",
+    "serve:storybook": "storybook dev -p 6007",
+    "build:storybook": "storybook build",
+    "start:storybook": "serve storybook-static"
   },
   "dependencies": {
     "@formkit/core": "^1.6.9",
@@ -31,10 +34,12 @@
     "@formkit/vue": "^1.6.9"
   },
   "peerDependencies": {
-    "vuestic-ui": "^1.10.3",
-    "vue": "^3.0.4"
+    "vue": "^3.0.4",
+    "vuestic-ui": "^1.10.3"
   },
   "devDependencies": {
+    "@storybook/vue3-vite": "^7.1.0",
+    "storybook": "^7.1.0",
     "tsup": "^6.5.0"
   }
 }