README

1. composer require imrancse94/grocery
   

2. php artisan vendor:publish --tag=grocery
   

3. Need to install vue js npm i vue@latest vue-router yup clsx pinia sweetalert2 tailwind-merge vee-validate @vitejs/plugin-vue
   

4. Need to configure vue js with vite 'resources/js/grocery/app.js', 'resources/js/grocery/grocery.css' add these line into vite.config.js file then import @vitejs/plugin-vue and include vue() under plugins like below image
   

5.  import { defineConfig } from 'vite';
    import laravel from 'laravel-vite-plugin';
    import vue from '@vitejs/plugin-vue';
    export default defineConfig({
        plugins: [
            vue(),
            laravel({
                input: [
                    'resources/css/app.css',
                    'resources/js/app.js',
                    'resources/js/grocery/app.js',
                    'resources/js/grocery/grocery.css'
                ],
                refresh: true,
           }),
        ],
    });
   

6. Install tailwindcss npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p and add necessary configuration into tailwind.config.js like below
   

   export default {
   content: [
   "./resources/**/*.blade.php",
   "./resources/**/*.js",
   "./resources/**/*.vue"
   
           ],
           theme: {
               darkMode: 'class',
               extend: {
                   strokeWidth: {
                       '3': '3',
                   }
               }
           },
            plugins: [],
       }
   
   

7. Add 4 variables in .env file

      VITE_GOOGLE_RECAPTCHA_KEY=""
      GOOGLE_RECAPTCHA_SECRET=""
      ADMIN_EMAIL="user@admin.com"
      DB_CONNECTION=pgsql
   

8. php artisan config:cache
   

9. php artisan migrate
   

10. php artisan db:seed --class="Imrancse94\Grocery\database\seeders\DatabaseSeeder"
    

11. After successfully installation run php artisan serve and visit http://<domain-url>/grocery

Note:

You can check the repo https://github.com/imrancse94/demo-pkg-test.git I have installed the package in a fresh laravel project and added one feature test php artisan test --filter=PreOrderTest

Live url https://test.imranwebs.dev/grocery

The advantage of this package is that you can customize UI as per as your requirement