Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
/ vue Public

Vue 3.4 in Laravel 10. Minimal Vue 3 application with router, i18n, pinia store, form inputs, dark mode.

Notifications You must be signed in to change notification settings

atomjoy/vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

35 Commits

Repository files navigation

Vue 3 in Laravel 10

Minimal Vue 3 application with router, i18n, pinia store.

Install package

composer create-project laravel/laravel:^10.0 vue-app
cd vue-app
composer require atomjoy/vue

Overwrite files

Backup first routes and resources directory!

php artisan vendor:publish --tag=vue-config --force

Build and run app

npm install
npm run build
php artisan serve --host=localhost --port=8000

Remove package

The package is no longer needed.

composer remove atomjoy/vue

(DEV) Local repository import

Package directory: packages/atomjoy/vue

Laravel composer.json

{
 "repositories": [{
 "type": "path",
 "url": "packages/atomjoy/vue"
 }],
 "require": {
 "atomjoy/vue": "dev-main"
 },
}

Vue3 npm packages

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

AltStyle によって変換されたページ (->オリジナル) /