ci: setting up storybook on vercel

Author: TimMikeladze

.github/workflows/main.yml

@@ -55,7 +55,7 @@ jobs:
         run: pnpm test:ci
 
       - name: Build storybook
-        run: pnpm storybook:build
+        run: pnpm build-storybook
 
       - name: Build package
         run: pnpm build

.github/workflows/publish.yml

@@ -2,7 +2,7 @@
 
 A React component for rendering a 'npm install <package name>' code block. Supports multiple package managers and variations of install commands. Totally customizable. Drop it into an MDX file, a Shadcn component, a Tailwind codebase, use our built in styles or even go unstyled. You choose.
 
-Visit the [Storybook](https://timmikeladze.github.io/react-install-command/) for examples and documentation.
+Visit the [Storybook](https://react-install-command.vercel.app/) for examples and documentation.
 
 ![React Command Block Demo](./docs/readme.png)
 
@@ -23,6 +23,8 @@ Visit the [Storybook](https://timmikeladze.github.io/react-install-command/) for
 npm install react-install-command
 ```
 
+> 👋 Hello there! Follow me [@linesofcode](https://twitter.com/linesofcode) or visit [linesofcode.dev](https://linesofcode.dev) for more cool projects like this one.
+
 ## Usage
 
 ### Basic Usage

README.md

@@ -49,7 +49,7 @@
 		"test:ci": "vitest run --coverage",
 		"commit": "cz",
 		"storybook": "storybook dev -p 6006",
-		"storybook:build": "storybook build",
+		"build-storybook": "storybook build",
 		"release": "pnpm build && pnpm release-it",
 		"link:self": "pnpm link --global",
 		"prepare": "lefthook install"
@@ -127,7 +127,5 @@
 			"micromatch@<4.0.8": ">=4.0.8"
 		}
 	},
-	"dependencies": {
-		"html2canvas": "^1.4.1"
-	}
+	"dependencies": {}
 }

package.json

@@ -0,0 +1,8 @@
+{
+	"$schema": "https://openapi.vercel.sh/vercel.json",
+	"buildCommand": "npm run build-storybook",
+	"devCommand": "npm run storybook",
+	"installCommand": "npm install",
+	"framework": null,
+	"outputDirectory": "./storybook-static"
+}