feat: upgrade to Svelte 4 & Storybook 8

Author: jerriclynsjohn

.editorconfig

@@ -3,7 +3,7 @@ root = true
 [*]
 charset = utf-8
 indent_style = space
-indent_size = 4
+indent_size = 2
 end_of_line = lf
 insert_final_newline = true
-trim_trailing_whitespace = true
+trim_trailing_whitespace = true

.eslintignore

@@ -1,10 +1,10 @@
 .DS_Store
-node_modules/
+node_modules
+/build
+/package
 .env
 .env.*
 !.env.example
-dist
-storybook-static
 
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml

.eslintrc.cjs

@@ -3,23 +3,23 @@ name: Node CI
 on: [push]
 
 jobs:
-    build:
-        runs-on: ubuntu-latest
+  build:
+    runs-on: ubuntu-latest
 
-        strategy:
-            matrix:
-                node-version: [16.x]
+    strategy:
+      matrix:
+        node-version: [20.x]
 
-        steps:
-            - uses: actions/checkout@v1
-            - name: Use Node.js ${{ matrix.node-version }}
-              uses: actions/setup-node@v1
-              with:
-                  node-version: ${{ matrix.node-version }}
-            - name: npm install, build, and test
-              run: |
-                  npm install
-                  npm run build --if-present
-                  npm run build-storybook --if-present
-              env:
-                  CI: true
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: npm install, build, and test
+        run: |
+          npm install
+          npm run build --if-present
+          npm run build-storybook --if-present
+        env:
+          CI: true

.github/workflows/nodejs.yml

@@ -9,7 +9,6 @@ lerna-debug.log*
 
 node_modules
 dist
-storybook-static
 dist-ssr
 *.local
 
@@ -23,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+*storybook.log

.gitignore

@@ -1,11 +1,3 @@
-.DS_Store
-node_modules
-.env
-.env.*
-!.env.example
-dist
-storybook-static
-
 # Ignore files for PNPM, NPM and YARN
 pnpm-lock.yaml
 package-lock.json

.npmrc

@@ -1,35 +1,18 @@
 {
-    "arrowParens": "avoid",
-    "bracketSpacing": false,
-    "bracketSameLine": true,
-    "singleQuote": true,
-    "trailingComma": "none",
-    "printWidth": 80,
-    "svelteSortOrder": "options-scripts-markup-styles",
-    "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
-    "pluginSearchDirs": false,
-    "overrides": [
-        {
-            "files": "*.svelte",
-            "options": {"parser": "svelte", "printWidth": 100}
-        },
-        {
-            "files": [
-                "*.json",
-                "postcss.config.js",
-                "rollup.config.js",
-                "tailwind.config.js",
-                "stylelint.config.js"
-            ],
-            "options": {
-                "printWidth": 150
-            }
-        },
-        {
-            "files": ["*.json"],
-            "options": {
-                "parser": "json"
-            }
-        }
-    ]
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "printWidth": 100,
+  "pluginSearchDirs": false,
+  "bracketSameLine": true,
+  "plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte"
+      }
+    }
+  ]
 }

.prettierignore

@@ -0,0 +1,9 @@
+import { create } from '@storybook/theming';
+
+export default create({
+  base: 'dark',
+  brandTitle: 'Svelte + Storybook + TailwindCSS',
+  brandUrl: 'https://svelte-storybook-tailwindcss.sveltehub.dev',
+  brandImage: 'https://sveltehub.dev/templates/storybook-tailwindcss/logo-white.png',
+  brandTarget: '_blank'
+});