refactor && add vitejs support

Author: Kamona-WD

README.md

@@ -1,4 +1,4 @@
-# K UI Jetstream starter
+# K UI Laravel Jetstream
 
 Different UI for [larave/jetstream](https://github.com/laravel/jetstream).
 
@@ -10,12 +10,11 @@ Different UI for [larave/jetstream](https://github.com/laravel/jetstream).
 #### [Breeze Version](https://github.com/Kamona-WD/kui-laravel-breeze)
 <!-- #### [Fortify Version](https://github.com/Kamona-WD/kui-laravel-fortify) -->
 
-#### Note
 
-We recommend installing this package on a project that you are starting from scratch.
+> We recommend installing this package on a project that you are starting from scratch.
 
 #### Usage
-
+> NOTE: It doesn't matter if you use `vitejs` or `laravel-mix`, it will work in both cases.
 1. Fresh install Laravel >= 8.0 and `cd` to your app.
 2. Install laravel/jetstream
 
@@ -34,7 +33,8 @@ composer require kamona/kui-laravel-jetstream --dev
 
 # after finish run this command
 
-php artisan kui-jetstream:replace livewire
+# This package will detect if your project use vitejs or not by check if vite.config.js exist or not.
+php artisan kui-jetstream:replace livewire --teams
 # available stacks (livewire,inertia).
 # So if you run `php artisan jetstream:install inertia` you can run `php artisan kui-jetstream:replace inertia`
 
@@ -44,24 +44,22 @@ npm install && npm run dev # or yarn && yarn dev
 
 4. Configure your database.
 5. Run `php artisan migrate`.
-6. `npm install && npm run dev`
-7. `php artisan serve`
+6. `php artisan serve`.
 
-> Do not forget to change `APP_URL` in `.emv` file and run `php artisan storage:link` if you want to enable `manageProfilePicture` feature.
+> Do not forget to change `APP_URL` in `.env` file and run `php artisan storage:link` if you want to enable `manageProfilePicture` feature.
 
 #### Navigation
 
 You will found sidebar links in:
 
-- livewirw: `resources/views/components/sidebar/content.blade.php`.
+- livewire: `resources/views/components/sidebar/content.blade.php`.
 - inertia: `resources/js/Components/Sidebar/SidebarContent.vue`
 
 #### Screens
 
 |                                     |                                    |
 | ----------------------------------- | ---------------------------------- |
-| ![Shocase 1](screens/r-light.PNG)   | ![Shocase 7](screens/l-dark.PNG)   |
-| ![Shocase 2](screens/p-light.PNG)   | ![Shocase 8](screens/p-dark.PNG)   |
-| ![Shocase 2](screens/d-light.PNG)   | ![Shocase 8](screens/d-dark.PNG)   |
-| ![Shocase 2](screens/t-light.PNG)   | ![Shocase 8](screens/t-dark.PNG)   |
-| ![Shocase 2](screens/api-light.PNG) | ![Shocase 8](screens/api-dark.PNG) |
+| ![Shocase 1](screens/r-light.png)   | ![Shocase 2](screens/l-dark.png)   |
+| ![Shocase 3](screens/d-light.png)   | ![Shocase 4](screens/d-dark.png)   |
+| ![Shocase 5](screens/t-light.png)   | ![Shocase 6](screens/t-dark.png)   |
+| ![Shocase 7](screens/api-light.png) | ![Shocase 8](screens/api-dark.png) |

composer.json

@@ -21,8 +21,7 @@
     }
   ],
   "require": {
-    "php": "^7.3|^8.0",
-    "laravel/jetstream": "^2.4"
+    "php": "^7.3|^8.0"
   },
   "autoload": {
     "psr-4": {