Unable to use vue-tailwind in nuxt generated app

In my nuxt.js project I am using the datepicker. I import the library as a plugin in this way:

/plugins/vue-tailwind.js

import Vue from 'vue'
import VueTailwind from 'vue-tailwind'
Vue.use(VueTailwind)

/nuxt.config.js

plugins: ['~plugins/vue-tailwind']

and the component works perfectly in development.

My problem is that the component is not rendered when I serve the app generated with

nuxt generate

I already tried to load the plugin this way:

{ src: '~plugins/vue-tailwind', mode:  'client' }

and also tried to put the component between client-only tag

<client-only>
            <t-datepicker
              v-model="date"
              :max-date="today"
              placeholder="Select a date"
              date-format="Y-m-d"
              user-format="d-M-Y"
            />
</client-only>

[alfonsobries]

ok think that maybe the documentation is not clear think I’m gonna revisit it, meanwhile since version 2 of this library you need to manually import the components since any of them are added by default, if you are only using one component the best way to do it is like its explained here https://www.vue-tailwind.com/docs/installation#33-or-you-can-install-only-the-components-you-need, so for the datepicker the configuration in /plugins/vue-tailwind.js should look like this:

import Vue from 'vue'
import VueTailwind from 'vue-tailwind'

import TDatepicker from 'vue-tailwind/dist/t-datepicker'


const settings = {
  't-datepicker': {
    component: TDatepicker,
   // here you add your classes config, etc
    props: {}
  },
}

Vue.use(VueTailwind, settings)

@fparaggio @karanjamutahi let me know if that solves your problem so I can close this issue

[alfonsobries]

Closing this since no more feedback received feel free to open again if still have the issue