Merge pull request #207 from PSDTools/storybook-9

Upgrade to Storybook 9

Author: lishaduck

apps/petal-notes/.storybook/vitest.setup.ts

@@ -1,14 +1,6 @@
 import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
 import { setProjectAnnotations } from "@storybook/sveltekit";
-import { beforeAll } from "vitest";
 
-import * as previewAnnotations from "./preview";
+import * as previewAnnotations from "./preview.ts";
 
-// This is an important step to apply the right configuration when testing your stories.
-// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
-const project = setProjectAnnotations([
-  a11yAddonAnnotations,
-  previewAnnotations,
-]);
-
-beforeAll(project.beforeAll);
+setProjectAnnotations([a11yAddonAnnotations, previewAnnotations]);

apps/petal-notes/package.json

@@ -58,9 +58,9 @@
     "@tailwindcss/vite": "catalog:",
     "@total-typescript/ts-reset": "catalog:",
     "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
     "@vitest/browser": "catalog:",
     "@vitest/coverage-v8": "catalog:",
+    "@vitest/ui": "catalog:",
     "browserslist": "catalog:",
     "browserslist-to-esbuild": "catalog:",
     "chromatic": "catalog:",
@@ -69,8 +69,6 @@
     "jiti": "catalog:",
     "lightningcss": "catalog:",
     "playwright": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
     "storybook": "catalog:",
     "svelte": "catalog:",
     "svelte-check": "catalog:",

apps/petal-notes/src/stories/Configure.mdx

@@ -1,4 +1,4 @@
-import { Meta } from "@storybook/blocks";
+import { Meta } from "@storybook/addon-docs/blocks";
 
 import Github from "./assets/github.svg";
 import Discord from "./assets/discord.svg";

package.json

@@ -39,7 +39,7 @@
       "version": "^10.6.4"
     }
   },
-  "packageManager": "pnpm@10.12.2+sha512.a32540185b964ee30bb4e979e405adc6af59226b438ee4cc19f9e8773667a66d302f5bfee60a39d3cac69e35e4b96e708a71dd002b7e9359c4112a1722ac323f",
+  "packageManager": "pnpm@10.12.3+sha512.467df2c586056165580ad6dfb54ceaad94c5a30f80893ebdec5a44c5aa73c205ae4a5bb9d5ed6bb84ea7c249ece786642bbb49d06a307df218d03da41c317417",
   "manypkg": {
     "workspaceProtocol": "require"
   }