If you are using VueJS AND Livewire on the same page, this plugin is required.

Additionally, it allows you to use Vue components within your Livewire components.

Include the CDN asset after @livewireScripts or <livewire:scripts> in your app's HTML:

    ...
    @livewireScripts
    <script src="https://cdn.jsdelivr.net/gh/livewire/[email protected]/dist/livewire-vue.js"></script>
</body>

Install the package from NPM.

npm install livewire-vue --save-dev

Import the package in your bundle:

import 'livewire-vue'
// Or.
require('livewire-vue')

Please make sure you load vue in a way required for this plugin to work as expected.

import Vue from 'vue'
import 'livewire-vue'

window.Vue = Vue //this is important! Do not use require('vue')