https://github.com/logue/laravel9-vite-vue2-starter

@Vuejs 2 for @Laravel 10
https://github.com/logue/laravel9-vite-vue2-starter

composition-api eslint inertiajs laravel laravel9 typescript vite vue vue2 vuejs

Last synced: 4 months ago
JSON representation

@Vuejs 2 for @Laravel 10

• Host: GitHub
• URL: https://github.com/logue/laravel9-vite-vue2-starter
• Owner: logue
• Created: 2022-06-29T05:47:25.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2024-06-20T04:01:07.000Z (8 months ago)
• Last Synced: 2024-09-28T19:42:57.866Z (4 months ago)
• Topics: composition-api, eslint, inertiajs, laravel, laravel9, typescript, vite, vue, vue2, vuejs
• Language: PHP
• Homepage:
• Size: 7.1 MB
• Stars: 18
• Watchers: 2
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

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

This project is a starter project to make the front end of [Laravel 10](https://github.com/laravel/laravel) + [Breeze](https://github.com/laravel/breeze) with [Vue 2.7.14](https://vuejs.org/). 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](https://vuejs.org/guide/extras/composition-api-faq.html) writing method, but it is also possible to install [vue-propertey-decolator](https://github.com/kaorun343/vue-property-decorator) etc. if necessary.

Also, in order to maintain the code quality, [Laravel Pint](https://github.com/laravel/pint) is built in PHP in advance, and [ESLint](https://eslint.org/) setting of [Google JavaScript Style Guide](https://google.github.io/styleguide/jsguide.html) is built in the TypeScript part. (Same as [vite-vue2-ts-starter](https://github.com/logue/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](https://inertiajs.com/links) outputs an error on vue-tsc. Run `build-only` when building.

## See also

- [vite-vue2-ts-starter](https://github.com/logue/vite-vue2-ts-starter)

- [vue-inertia-composable](https://github.com/logue/vue-inertia-composable)

- [@logue/vue2-helpers](https://github.com/logue/vue2-helpers) - If you want use vue-router, vuex, vuetify in compositon api. it is required.

## LISENCE

MIT