diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
index 6d573d7..2284b93 100644
--- a/.github/workflows/node.js.yml
+++ b/.github/workflows/node.js.yml
@@ -16,13 +16,13 @@ jobs:
strategy:
matrix:
- node-version: [14.x, 16.x, 18.x]
+ node-version: [18.x, 20.x, 22.x]
# See supported Node.js release schedule at https://nodejs.org/en/about/releases/
steps:
- uses: actions/checkout@v4
- name: Use Node.js ${{ matrix.node-version }}
- uses: actions/setup-node@v3
+ uses: actions/setup-node@v4
with:
node-version: ${{ matrix.node-version }}
cache: 'npm'
diff --git a/.gitignore b/.gitignore
index a547bf3..f940a99 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,5 @@ dist-ssr
*.njsproj
*.sln
*.sw?
+
+*storybook.log
diff --git a/.storybook/main.ts b/.storybook/main.ts
new file mode 100644
index 0000000..cfa6d49
--- /dev/null
+++ b/.storybook/main.ts
@@ -0,0 +1,12 @@
+import type { StorybookConfig } from "@storybook/web-components-vite";
+
+const config: StorybookConfig = {
+ stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+ addons: ["@storybook/addon-essentials", "@chromatic-com/storybook"],
+ framework: {
+ name: "@storybook/web-components-vite",
+ options: {},
+ },
+
+};
+export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
new file mode 100644
index 0000000..0e1adde
--- /dev/null
+++ b/.storybook/preview.ts
@@ -0,0 +1,14 @@
+import type { Preview } from "@storybook/web-components";
+
+const preview: Preview = {
+ parameters: {
+ controls: {
+ matchers: {
+ color: /(background|color)$/i,
+ date: /Date$/i,
+ },
+ },
+ },
+};
+
+export default preview;
diff --git a/index.html b/index.html
index 283e961..53bfa0a 100644
--- a/index.html
+++ b/index.html
@@ -4,13 +4,20 @@
- Vite + Lit + TS
+ Griddle
-
+
-
- Vite + Lit
-
+
+ First Name
+ Last Name
+ Number of Wins
+
+ James
+ Byron
+ 3
+
+