README

composer require imrancse94/grocery
php artisan vendor:publish --tag=grocery
需要安装vue js npm i vue@latest vue-router yup clsx pinia sweetalert2 tailwind-merge vee-validate @vitejs/plugin-vue
需要使用vite配置vue js 'resources/js/grocery/app.js', 'resources/js/grocery/grocery.css' 将这些行添加到vite.config.js文件中，然后导入@vitejs/plugin-vue并在plugins下包含vue()，如下面的图片所示

 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,
        }),
     ],
 });

安装tailwindcss npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -p 并将必要的配置添加到tailwind.config.js中，如下所示

export default {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue"

        ],
        theme: {
            darkMode: 'class',
            extend: {
                strokeWidth: {
                    '3': '3',
                }
            }
        },
         plugins: [],
    }

在.env文件中添加4个变量

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

php artisan config:cache
php artisan migrate
php artisan db:seed --class="Imrancse94\Grocery\database\seeders\DatabaseSeeder"
安装成功后运行 php artisan serve 并访问 http://<domain-url>/grocery

注意

您可以检查仓库 https://github.com/imrancse94/demo-pkg-test.git 我在一个全新的Laravel项目中安装了此包，并添加了一个功能测试 php artisan test --filter=PreOrderTest

实时URL https://test.imranwebs.dev/grocery

此包的优点是您可以按照需求自定义UI

imrancse94 / grocery

维护者

详细信息

README

注意