how to import/use external component libraries? and how to register components?

[capoia]

Hello, I would like to know how to import a library that will be used throughout the project (options / popup / content / CSUI...)
example: https://primevue.org/installation/

And another doubt would be how do I import previously created components (.vue), mainly within the CSUI.

[jfl913]

Here is a reference for you

import "vuetify/lib/styles/main.css"
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/lib/components/index.mjs'
import * as directives from 'vuetify/lib/directives/index.mjs'

defineOptions({
    prepare(app: App) {
        // Use any plugins here:
        // app.use
        const vuetify = createVuetify({
            components,
            directives,
        })
        app.use(vuetify)
    }
})

[capoia]

Here is a reference for you

import "vuetify/lib/styles/main.css"
import { createVuetify } from 'vuetify'
import * as components from 'vuetify/lib/components/index.mjs'
import * as directives from 'vuetify/lib/directives/index.mjs'

defineOptions({
    prepare(app: App) {
        // Use any plugins here:
        // app.use
        const vuetify = createVuetify({
            components,
            directives,
        })
        app.use(vuetify)
    }
})

@jfl913 Thank you very much for your help, but I still have one doubt:

• Do I need to import/define the package in each place I want to use it?
  once in popup.vue, once in options.vue...

I managed to make it work on the popup, but not on the contents

[jfl913]

Yes, you need to import/define the package in each place.