feat: 🎨 add shadcn

Author: mubaidr

.github/workflows/build.pull-request.yml

@@ -8,14 +8,10 @@ jobs:
  - uses: actions/checkout@v4
  - uses: actions/setup-node@v4
  with:
- node-version: 22
+ node-version: 23
 
- - uses: pnpm/action-setup@v4
- with:
- version: latest
-
- - run: pnpm install --no-frozen-lockfile
+ - run: npm ci
  env:
  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
- - run: pnpm lint
- - run: pnpm build
+ - run: npm run lint
+ - run: npm run build

.github/workflows/build.yml

@@ -10,17 +10,13 @@ jobs:
  - uses: actions/checkout@v4
  - uses: actions/setup-node@v4
  with:
- node-version: 22
+ node-version: 23
 
- - uses: pnpm/action-setup@v4
- with:
- version: latest
-
- - run: pnpm install --no-frozen-lockfile
+ - run: npm ci
  env:
  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
- - run: pnpm lint
- - run: pnpm build
+ - run: npm run lint
+ - run: npm run build
 
  - uses: akhilmhdh/contributors-readme-action@v2.3.10
  env:

.github/workflows/publish.yml

@@ -31,16 +31,16 @@ A modern, opinionated starter template for building browser extensions using [Vi
 ### Quick Start
 
 ```bash
-pnpx degit mubaidr/vite-vue3-browser-extension-v3 my-webext
+npx degit mubaidr/vite-vue3-browser-extension-v3 my-webext
 cd my-webext
-pnpm install
-pnpm dev
+npm install
+npm run dev
 ```
 
-- **Build**: `pnpm build`
-- **Lint**: `pnpm lint`
-- **Dev (Chrome/Firefox)**: `pnpm dev:chrome` / `pnpm dev:firefox`
-- **Build (Chrome/Firefox)**: `pnpm build:chrome` / `pnpm build:firefox`
+- **Build**: `npm run build`
+- **Lint**: `npm run lint`
+- **Dev (Chrome/Firefox)**: `npm run dev:chrome` / `npm run dev:firefox`
+- **Build (Chrome/Firefox)**: `npm run build:chrome` / `npm run build:firefox`
 
 Load the extension from the `dist/chrome` or `dist/firefox` folder in your browser.
 

.npmrc

@@ -0,0 +1,20 @@
+{
+ "$schema": "https://shadcn-vue.com/schema.json",
+ "style": "new-york",
+ "typescript": true,
+ "tailwind": {
+ "config": "",
+ "css": "src/assets/base.css",
+ "baseColor": "stone",
+ "cssVariables": true,
+ "prefix": ""
+ },
+ "aliases": {
+ "components": "@/components",
+ "composables": "@/composables",
+ "utils": "@/lib/utils",
+ "ui": "@/components/ui",
+ "lib": "@/lib"
+ },
+ "iconLibrary": "lucide"
+}