Convert to TypeScript / Add storybook

.gitignore

@@ -4,3 +4,6 @@ debug.log
 yarn-error.log
 .DS_Store
 .eslintcache
+dist/
+storybook-static/
+demo-storybook/

.storybook/main.js

@@ -0,0 +1,25 @@
+import esbuild from 'rollup-plugin-esbuild';
+
+/** @type { import('@web/storybook-framework-web-components').StorybookConfig } */
+const config = {
+	stories: ['../stories/**/*.stories.{js,ts,mdx}'],
+	staticDirs: ['../demo'],
+	addons: ['@storybook/addon-essentials', '@storybook/addon-links'],
+	docs: {
+		//👇 See the table below for the list of supported options
+		autodocs: 'tag',
+	},
+	framework: {
+		name: '@web/storybook-framework-web-components',
+	},
+	/* Try to make the build parse TS files */
+	async rollupFinal(config) {
+		// add extra configuration for rollup
+		// e.g. a new plugin
+		config.plugins.push(esbuild({}));
+
+		return config;
+	},
+};
+
+export default config;

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
     "eslint.validate": [ "javascript" ],
     "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
+        "source.fixAll.eslint": "explicit"
     }
 }