imrancse94 / grocery
This is test library
Installs: 16
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:Vue
pkg:composer/imrancse94/grocery
README
-
composer require imrancse94/grocery -
php artisan vendor:publish --tag=grocery -
Need to install vue js
npm i vue@latest vue-router yup clsx pinia sweetalert2 tailwind-merge vee-validate @vitejs/plugin-vue -
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-vueand includevue()underpluginslike below image -
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, }), ], }); -
Install tailwindcss
npm install -D tailwindcss postcss autoprefixer && npx tailwindcss init -pand add necessary configuration intotailwind.config.jslike belowexport default { content: [ "./resources/**/*.blade.php", "./resources/**/*.js", "./resources/**/*.vue" ], theme: { darkMode: 'class', extend: { strokeWidth: { '3': '3', } } }, plugins: [], } -
Add 4 variables in
.envfileVITE_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" -
After successfully installation run
php artisan serveand visithttp://<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