vue-tailwind | Vue UI components with configurable classes ready for TailwindCSS | Frontend Utils library

It's better to use inject for importing axios in each component. This way you can create some interceptors if they needed as well...

First you should install the axios plugin for vue.js.

> npm install --save axios vue-axios

When the installation finished just import the axios like below example:

You do have a typo in your plugin: vue-tailwindcsscss-typeahead.

You probably meant to write vue-tailwindcss-typeahead .

The rest is fine and it's the way to go if you want your code to be globally available in your Nuxt app. If you only want it local, import it in the component itself.

Avoid using function() inside component callbacks and use arrow functions instead.

The function creates its own this context, so that this will no longer refer to the component, but arrow functions use the surrounding this context:

After several attempt, I understood that the component has to be registered in the plugin. Vue.use does not work in generated code.

My final working code is the following:

/plugins/vue-tailwind.js

You do not need a complicated watcher for this. If you think about UI = Function(State), then you should just rely on using type prop instead of reading value of type from actual input Element - this.$refs.textField.type. Further, note that $refs is not reactive.

The simple solution would be

You've got a few questions in here, so I'll try to answer each. The answers may not be letter perfect as I am going from memory without any way to reference or confirm them myself at the moment.

If you're trying to cache the final output of your view, you can effectively do it be replacing your final view call with: