Vue installation in Laravel

PHOTO EMBED

Fri Oct 28 2022 06:28:23 GMT+0000 (Coordinated Universal Time)

Saved by @codespare 


I wasted so much time with this and don't want people to go through the same, so I will teach you how to install Vue.js and make it work fast.
If you want to start from scratch

replace the LaravelProject with your project name

laravel new LaravelProject

Install Vue.js on your Laravel 8 application

run the following commands

composer require laravel/ui
php artisan ui vue
php artisan ui vue --auth
npm install 
npm run dev
npm run watch

Now that you have installed everything you need, go to a blade view and add the following code inside <body></body>

<div id="app">
  <example-component />
</div>
<script src="{{ mix('/js/app.js') }}"></script>

If you did everything right you will see the following text on the rendering of your view

Example Component
Im an example component.
content_copyCOPY

https://stackoverflow.com/questions/63853750/how-to-install-vue-js-in-laravel-8