Fixs for svelte4

.eslintrc.json

@@ -5,16 +5,10 @@
     "jest/globals": true,
     "node": true
   },
-  "extends": ["eslint:recommended"],
+  "extends": ["plugin:svelte/recommended"],
   "parserOptions": {
     "ecmaVersion": 2019,
     "sourceType": "module"
   },
-  "plugins": ["jest", "svelte3"],
-  "overrides": [
-    {
-      "files": ["**/*.svelte"],
-      "processor": "svelte3/svelte3"
-    }
-  ]
+  "plugins": ["jest"]
 }

.github/workflows/nodejs.yml

@@ -9,7 +9,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x, 14.x, 16.x]
+        node-version: [18.x, 20.x]
 
     steps:
     - uses: actions/checkout@v1

.storybook/main.js

@@ -1,3 +1,21 @@
+/** @type { import('@storybook/svelte-vite').StorybookConfig } */
 module.exports = {
-  stories: ['../stories/index.stories.ts']
+  stories: ["../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx|svelte)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  features: {
+    // TODO: migrate
+    // https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#storystorev7-enabled-by-default
+    storyStoreV7: false,
+  },
+  framework: {
+    name: "@storybook/svelte-webpack5",
+    options: {},
+  },
+  docs: {
+    autodocs: "tag",
+  }
 };

Readme.md

@@ -1,6 +1,6 @@
 ![sveltestrap](./logo.svg)
 
-## Bootstrap 5 components for Svelte v3
+## Bootstrap 5 components for Svelte v4
 
 The goal of this library is to provide all Bootstrap 5 components for a [Svelte](https://svelte.dev) app. Sveltestrap makes it easy to use Bootstrap since there is no need to use Bootstrap component classes, to include Bootstrap's JavaScript, nor depend on jQuery. Sveltestrap is free, open-source software published under the permissive [MIT license.](https://github.com/bestguy/sveltestrap/blob/master/LICENSE) This library was inspired by the [reactstrap](https://reactstrap.github.io) library for React.
 

babel.config.json

@@ -0,0 +1,21 @@
+{
+  "presets": [
+    "@babel/preset-env",
+    "@babel/preset-typescript"
+  ],
+  "env": {
+    "test": {
+      "presets": [
+        [
+          "@babel/preset-env",
+          {
+            "targets": {
+              "node": "current"
+            }
+          }
+        ],
+        "@babel/preset-typescript"
+      ]
+    }
+  }
+}

jest.config.js

@@ -1,11 +1,13 @@
-module.exports = {
+export default {
+  testEnvironment: "jsdom",
   transform: {
     '^.+\\.js$': 'babel-jest',
-    '^.+\\.svelte$': ['svelte-jester', { preprocess: true }]
+    '^.+\\.svelte$': ['svelte-jester', { preprocess: true }],
+    '^.+\\.ts$': ['ts-jest', { useESM: true }],
   },
+  extensionsToTreatAsEsm: [ '.svelte', '.ts' ],
   transformIgnorePatterns: ['<rootDir>/node_modules/(?!(@popperjs)/)'],
-  moduleFileExtensions: ['js', 'svelte'],
+  moduleFileExtensions: ['ts', 'js', 'svelte'],
   bail: false,
-  verbose: false,
-  setupFilesAfterEnv: ["@testing-library/jest-dom/extend-expect"]
+  verbose: false
 };