imrancse94 / grocery
This is test library
Installs: 11
Dependents: 0
Suggesters: 0
Security: 0
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Language:Vue
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-vue
and includevue()
underplugins
like 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 -p
and add necessary configuration intotailwind.config.js
like belowexport default { content: [ "./resources/**/*.blade.php", "./resources/**/*.js", "./resources/**/*.vue" ], theme: { darkMode: 'class', extend: { strokeWidth: { '3': '3', } } }, plugins: [], }
-
Add 4 variables in
.env
fileVITE_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 serve
and 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