menteora / vuetify-extra Goto Github PK

I could use this project as a first design system library, but only if you license it.

Please decide on one and add it to this repo

Hello,

I created a new vue project and install vuetify and vuetify-extra.
I imported vuetify and vuetify-extra in the main.js like the documentation.

If I put a vuetify component like v-card or v-btn in a vue, I can see it without error. The v-card is registered.
If I put a vuetify-extra component like CardPage, in a vue, I can see the CardPage component (it is registered) but all the vuetify components inside vuetify-extra component are not detected.

How can I resolve that ? I don't see what is missing ?

Exemple of error only with vuetify-extra :
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

--->

at src/App.vue

vuetify-extra

Hi friend,
This is a very good project. Is exactly what i'm looking for.
Can you please tell me how you import the library into an other project ? And how to use the components?

It's possible to create a lib just for 1 components ?

I saw a lot of samples, but without vuetify.

thank you very much!

running this commands:

1. npm install
2. npm run build

On my project:

npm install /path/to/vuetify-extra.git

src/plugins/vuetify-extra.js

import Vue from 'vue';
import VuetifyExtra from "@menteora/vuetify-extra";
Vue.use(VuetifyExtra);

src/main.js

import vuetify from "./plugins/vuetify"; import "./plugins/vuetify-extra";

after that:

running my project with
npm run serve

and get this error:

warning in ./src/plugins/vuetify-extra-components.js

"export 'default' (imported as 'VuetifyExtra') was not found in '@menteora/vuetify-extra'

Do you know this error? Or do you know what i'm doing wrong?

Thx!

https://medium.com/@zitko/structuring-a-vue-project-authentication-87032e5bfe16