Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atomjoy/vue
Vue 3.4 in Laravel 10. Minimal Vue 3 application with router, i18n, pinia store, form inputs, dark mode.
https://github.com/atomjoy/vue
laravel-vue laravel-vue-boilerplate laravel-vue-starter laravel-vue3 vue-laravel vue3-laravel vue3-laravel-spa
Last synced: 10 days ago
JSON representation
Vue 3.4 in Laravel 10. Minimal Vue 3 application with router, i18n, pinia store, form inputs, dark mode.
- Host: GitHub
- URL: https://github.com/atomjoy/vue
- Owner: atomjoy
- Created: 2023-05-11T22:31:33.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-02T16:53:39.000Z (10 months ago)
- Last Synced: 2024-08-05T23:24:38.374Z (4 months ago)
- Topics: laravel-vue, laravel-vue-boilerplate, laravel-vue-starter, laravel-vue3, vue-laravel, vue3-laravel, vue3-laravel-spa
- Language: Vue
- Homepage: https://github.com/atomjoy/vue
- Size: 494 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue 3 in Laravel 10
Minimal Vue 3 application with router, i18n, pinia store.
## Install package
```sh
composer create-project laravel/laravel:^10.0 vue-app
cd vue-app
composer require atomjoy/vue
```### Overwrite files
Backup first ***routes*** and ***resources*** directory!```sh
php artisan vendor:publish --tag=vue-config --force
```### Build and run app
```sh
npm install
npm run build
php artisan serve --host=localhost --port=8000
```## Remove package
The package is no longer needed.```sh
composer remove atomjoy/vue
```## (DEV) Local repository import
Package directory: packages/atomjoy/vue
### Laravel composer.json
```json
{
"repositories": [{
"type": "path",
"url": "packages/atomjoy/vue"
}],
"require": {
"atomjoy/vue": "dev-main"
},
}
```### Vue3 npm packages
```sh
npm install vue@next
npm install vue-router@4
npm install vue-i18n@9
npm install --save-dev @vitejs/plugin-vue
npm install pinia
npm install @googlemaps/js-api-loader
```