Merge pull request #137 from qwikerx/feat/qwik-dev

feat: cli install flowbite-qwik in devDependencies, add qwik to devDe…

README.md

@@ -67,7 +67,9 @@ Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" >Node.js
 1. Install `flowbite` as a dependency using `npm` by running the following command:
 
 ```bash
-npm i flowbite flowbite-qwik
+yarn add -D flowbite flowbite-qwik
+pnpm add -D flowbite flowbite-qwik
+npm i --save-dev flowbite flowbite-qwik
 ```
 
 2. Require `flowbite` as a plugin inside the `tailwind.config.js` file:

packages/cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-qwik-cli",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "This is a CLI tool to setup flowbite qwik into your project",
   "main": "bin/init.cjs",
   "bin": {

packages/cli/src/init.ts

@@ -105,11 +105,11 @@ async function runCommand(cmd: string, packageManager: string): Promise<void> {
 async function installDependency(packageManager: string, packageName: string): Promise<void> {
   let command
   if (packageManager === 'yarn') {
-    command = `yarn add ${packageName}`
+    command = `yarn add -D ${packageName}`
   } else if (packageManager === 'pnpm') {
-    command = `pnpm add ${packageName}`
+    command = `pnpm add -D ${packageName}`
   } else {
-    command = `npm install ${packageName}`
+    command = `npm install --save-dev ${packageName}`
   }
 
   await executeCommand(command, false)

packages/lib/README.md

@@ -67,7 +67,9 @@ Make sure that you have <a href="https://nodejs.org/en/" rel="nofollow" >Node.js
 1. Install `flowbite` as a dependency using `npm` by running the following command:
 
 ```bash
-npm i flowbite flowbite-qwik
+yarn add -D flowbite flowbite-qwik
+pnpm add -D flowbite flowbite-qwik
+npm i --save-dev flowbite flowbite-qwik
 ```
 
 2. Require `flowbite` as a plugin inside the `tailwind.config.js` file:

packages/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-qwik",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "description": "Unofficial Qwik components built for Flowbite and Tailwind CSS",
   "keywords": [
     "design-system",
@@ -64,10 +64,12 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.5",
     "flowbite": "^2.3.0",
-    "flowbite-qwik-icons": "^0.1.5",
+    "flowbite-qwik-icons": "^0.1.6",
     "tailwind-merge": "^2.3.0"
   },
   "devDependencies": {
+    "@builder.io/qwik": "1.5.7",
+    "@builder.io/qwik-city": "1.5.7",
     "@types/eslint": "^8.56.10",
     "@types/node": "^20.14.2",
     "@vitest/coverage-v8": "^1.6.0",
@@ -82,15 +84,11 @@
     "prettier-plugin-tailwindcss": "^0.6.4",
     "tsc-alias": "^1.8.10",
     "tsx": "^4.15.5",
+    "tailwindcss": "^3.4.4",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.0.0-alpha.30",
     "vite": "^5.3.1",
     "vite-tsconfig-paths": "^4.3.2",
     "vitest": "^1.6.0"
-  },
-  "peerDependencies": {
-    "@builder.io/qwik": "1.5.7",
-    "@builder.io/qwik-city": "1.5.7",
-    "tailwindcss": "^3.4.4"
   }
 }