@vueless/storybook 1.1.3-beta.8 → 1.1.3-beta.9

package/.storybook-js/preview.js

@@ -25,7 +25,7 @@ setup((app) => {
   }
 });
 
-export const preview = {
+export default {
   /* Set storybook decorators */
   decorators: [vue3SourceDecorator, storyDarkModeDecorator],
 

package/.storybook-ts/env.d.ts

@@ -0,0 +1,4 @@
+/// <reference lib="dom" />
+/// <reference lib="dom.iterable" />
+/// <reference types="vite/client" />
+/// <reference types="vueless/modules" />

package/.storybook-ts/preview.ts

@@ -4,13 +4,6 @@ import { setup } from "@storybook/vue3-vite";
 
 import type { Preview } from "@storybook/vue3-vite";
 
-type Story = {
-  id: string;
-  importPath: string;
-  name: string;
-  title: string;
-};
-
 /* Theme styles */
 import "./themes/preview.css";
 import { themeDark } from "./themes/themeDark";
@@ -34,7 +27,7 @@ setup((app) => {
   }
 });
 
-export const preview: Preview = {
+export default {
   /* Set storybook decorators */
   decorators: [vue3SourceDecorator, storyDarkModeDecorator],
 
@@ -56,7 +49,8 @@ export const preview: Preview = {
       stylePreview: true,
     },
     options: {
-      storySort: (a: Story, b: Story) => {
+      // @ts-expect-error: Storybook types are not correct.
+      storySort: (a, b) => {
         const idA = a.id.split("--")[0];
         const idB = b.id.split("--")[0];
 
@@ -64,7 +58,7 @@ export const preview: Preview = {
       },
     },
   },
-};
+} as Preview;
 
 /* Reload the page on the error "Failed to fetch dynamically imported module..." */
 window.addEventListener("error", (ev) => onFailedToFetchModule(ev.message));

package/.storybook-ts/tsconfig.app.json

@@ -0,0 +1,35 @@
+{
+  "include": [
+    "env.d.ts",
+    "**/*",
+  ],
+  "compilerOptions": {
+    /* General */
+    "module": "ESNext",
+    "target": "ESNext",
+    "esModuleInterop": true,
+    "useDefineForClassFields": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true, // This is important for `<script setup>`.
+    "tsBuildInfoFile": "./node_modules/.tmp/storybookTsconfig.app.tsbuildinfo",
+    "removeComments": true,
+    "skipLibCheck": true,
+    "composite": true,
+    "noEmit": true,
+
+    /* Path settings */
+    "baseUrl": ".",
+    "rootDir": "./",
+
+    /* Enables all strict type-checking options. */
+    "strict": true,
+    "noImplicitThis": true,
+
+    /* Bundlers settings */
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+
+    /* JS file support. */
+    "allowJs": true,
+  }
+}

package/.storybook-ts/tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

package/.storybook-ts/tsconfig.node.json

@@ -0,0 +1,18 @@
+{
+  "include": [
+    "vite.config.*",
+  ],
+  "compilerOptions": {
+    "module": "ESNext",
+    "noEmit": true,
+    "composite": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/storybookTsconfig.node.tsbuildinfo",
+    "moduleResolution": "Bundler",
+
+    /* Custom types. */
+    "types": [
+      "node",
+    ]
+  },
+
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook",
-  "version": "1.1.3-beta.8",
+  "version": "1.1.3-beta.9",
   "description": "Simplifies Storybook configuration for Vueless UI library.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",
@@ -41,7 +41,6 @@
   "devDependencies": {
     "@release-it/bumper": "^7.0.5",
     "@stylistic/eslint-plugin": "^5.2.3",
-    "@tsconfig/node20": "^20.1.6",
     "@types/node": "^24.3.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "eslint": "^9.33.0",