devex: storybook for UI Package (#4984)

* add storybook

* clean up stories

* small fix

* add stories for all components

* add vintl

* default to dark mode

* fix  teleport

* add theme addon

* add new modal story

* delete broken stories

* move all stories to central stories folder

* fix paths

* add pnpm run storybook

* remove chromatic

* add add-stories.md

* fix types

* fix unncessary args field

* cover more addordion states

* pt2

* remove old vintl

* fix: missing style + ctx

---------

Co-authored-by: Calum H. (IMB11) <contact@cal.engineer>
This commit is contained in:
Truman Gao
2026-01-01 16:32:58 -08:00
committed by GitHub
parent 477d77cdc1
commit daf804947c
65 changed files with 5526 additions and 78 deletions

View File

@@ -1,6 +1,7 @@
{
"name": "@modrinth/ui",
"version": "0.0.0",
"type": "module",
"private": true,
"main": "./index.ts",
"types": "./index.ts",
@@ -18,14 +19,34 @@
"scripts": {
"lint": "eslint . && prettier --check .",
"fix": "eslint . --fix && prettier --write .",
"intl:extract": "formatjs extract \"src/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" --ignore \"src/**/*.d.ts\" --out-file src/locales/en-US/index.json --preserve-whitespace"
"intl:extract": "formatjs extract \"src/**/*.{vue,ts,tsx,js,jsx,mts,cts,mjs,cjs}\" --ignore \"src/**/*.d.ts\" --out-file src/locales/en-US/index.json --preserve-whitespace",
"storybook": "storybook dev -p 6006",
"build-storybook": "storybook build"
},
"devDependencies": {
"@formatjs/cli": "^6.2.12",
"@modrinth/tooling-config": "workspace:*",
"@storybook/addon-a11y": "^10.1.10",
"@storybook/addon-docs": "^10.1.10",
"@storybook/addon-onboarding": "^10.1.10",
"@storybook/addon-themes": "^10.1.10",
"@storybook/addon-vitest": "^10.1.10",
"@storybook/builder-vite": "^10.1.10",
"@storybook/vue3-vite": "^10.1.10",
"@stripe/stripe-js": "^7.3.1",
"@tailwindcss/vite": "^4.1.18",
"@vitejs/plugin-vue": "^5.2.1",
"@vitest/browser-playwright": "^4.0.16",
"@vitest/coverage-v8": "^4.0.16",
"eslint-plugin-storybook": "^10.1.10",
"playwright": "^1.57.0",
"storybook": "^10.1.10",
"stripe": "^18.1.1",
"tailwindcss": "^3.4.4",
"typescript": "^5.4.5",
"vite": "^5.4.6",
"vite-svg-loader": "^5.1.0",
"vitest": "^4.0.16",
"vue": "^3.5.13",
"vue-component-type-helpers": "^3.1.8",
"vue-router": "^4.6.0"
@@ -47,6 +68,7 @@
"@tresjs/post-processing": "^2.4.0",
"@types/markdown-it": "^14.1.1",
"@types/three": "^0.172.0",
"@vintl/how-ago": "^3.0.1",
"@vueuse/core": "^11.1.0",
"apexcharts": "^4.0.0",
"dayjs": "^1.11.10",