Awesome

Laravel 10 + Breeze + Vite + Vue2 + TypeScript Starter Template

This project is a starter project to make the front end of Laravel 10 + Breeze with Vue 2.7.14. The front-end build system has Vite that supports default from Laravel 9.3.9, which enables high-speed compilation.

The language used is TypeScript. The Vue part adopts the Composition API writing method, but it is also possible to install vue-propertey-decolator etc. if necessary.

Also, in order to maintain the code quality, Laravel Pint is built in PHP in advance, and ESLint setting of Google JavaScript Style Guide is built in the TypeScript part. (Same as vite-vue2-ts-starter.)

If you are using an older version, delete node_moduls and yarn.lock and recreate the FE environment just in case.

Usage

1. Clone or download release this project.
2. Type composer install and yarn install.
3. Copy .env.example and rename .env.
4. Type php artisan key:generate.
5. Type yarn run dev to launch php and vite dev server.

Known issue

• inertia-link outputs an error on vue-tsc. Run build-only when building.

See also

• vite-vue2-ts-starter
• vue-inertia-composable
• @logue/vue2-helpers - If you want use vue-router, vuex, vuetify in compositon api. it is required.

LISENCE

MIT