Storybook improvements. (#128)

* Use args for simpler stories.

* Add vscode settings to get config file to work.

* Add play test for single story.

* Intentially fail a test, see if Chromatic fails.

* Fix test.

Author: brian-mcallister-lab49

.storybook/main.js

@@ -5,6 +5,9 @@ module.exports = {
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
   ],
+  features: {
+    interactionsDebugger: true,
+  },
   framework: "@storybook/react",
   core: {
     builder: "@storybook/builder-webpack5",

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+  "eslint.experimental": {
+    "useFlatConfig": false
+  },
+  "eslint.options": {
+    "overrideConfigFile": "eslint.config.js"
+  }
+}

eslint.config.js

@@ -3,9 +3,6 @@ module.exports = {
   parserOptions: {
     project: "./tsconfig.json",
   },
-  env: {
-    jest: true,
-  },
   plugins: ["@typescript-eslint", "prettier"],
   extends: [
     "airbnb-typescript",
@@ -29,6 +26,7 @@ module.exports = {
       files: ["./stories/**/*stories*"],
       rules: {
         "import/no-default-export": 0,
+        "import/no-extraneous-dependencies": "off",
       },
     },
   ],