Using .vue files

To use a .vue file from clear follow these steps:

  • Copy the required .vue file from clear to "resources/assets/js/components" directory.

  • Also copy the necessary css and js files to their respective folders.

  • Then register the component in the "resources/assets/js/app.js" file.

eg:

var app = new Vue({
    mixins: [require('spark')],
    components: {
        'invoice': require('./components/clear.vue')
    }
});
  • Then use the component in any of the blade files by using the component tag

<invoice></invoice>

Note:

  • The links to the vendors css files and images should be adjusted to the new directory structure.

Last updated