Vuetify: [Documentation] How to create my own component library based on Vuetify

Created on 16 Aug 2019  路  4Comments  路  Source: vuetifyjs/vuetify

Problem to solve

Hi, I want create my component library based on Vuetify and publish on npm.

For example, my Login Form, my Article Page, my default calendar picker with preset values.

There's a standard way to do this?

I study https://www.npmjs.com/package/vue-sfc-rollup but I don't found a way to import external vue dependency (Vuetify) and test it (vue-sfc-rollup use vue serve ./src/lib-dev.vue).

I use last version of vuetify (2.0.7)

Thank you

Proposed solution

Guide developer to create own component library based on Vuetify.

triage

Most helpful comment

cool! nice project!

after i install my package [https://github.com/joaomelo/vuetify-fireauth] trough npm and try to run it, i receive a runtime error "Cannot read property 'rtl' of undefined". most vuetify components rely on the expression "this.$vuetify...". somewhat components from my package don't hold that reference to $vuetify and it evaluates to undefined, then breaking the app.

i researched a lot, but could not solve the problem. can i bother you and ask for your experience? did you had the same problem or anything like it? how do you solve it?

thank you for your time.

All 4 comments

The issue board is exclusively for bugs. If you have specific questions about how to use Vuetify please check out the following resources:

Thank you for your contribution and interest in improving Vuetify.

Problem to solve

Hi, I want create my component library based on Vuetify and publish on npm.

For example, my Login Form, my Article Page, my default calendar picker with preset values.

There's a standard way to do this?

I study https://www.npmjs.com/package/vue-sfc-rollup but I don't found a way to import external vue dependency (Vuetify) and test it (vue-sfc-rollup use vue serve ./src/lib-dev.vue).

I use last version of vuetify (2.0.7)

Thank you

Proposed solution

Guide developer to create own component library based on Vuetify.

Hi There,

I am having trouble doing the same thing. Was you able to find a solution to build packages based on vuetify?

Tks.

Hi @joaomelo,
yes, see my work at: https://github.com/menteora/vuetify-extra

cool! nice project!

after i install my package [https://github.com/joaomelo/vuetify-fireauth] trough npm and try to run it, i receive a runtime error "Cannot read property 'rtl' of undefined". most vuetify components rely on the expression "this.$vuetify...". somewhat components from my package don't hold that reference to $vuetify and it evaluates to undefined, then breaking the app.

i researched a lot, but could not solve the problem. can i bother you and ask for your experience? did you had the same problem or anything like it? how do you solve it?

thank you for your time.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

radicaled picture radicaled  路  3Comments

paladin2005 picture paladin2005  路  3Comments

dohomi picture dohomi  路  3Comments

cawa-93 picture cawa-93  路  3Comments

smousa picture smousa  路  3Comments