Adding Vuetify to vue-sfc-rollup pacakge - vue.js

Hello I'm creating a package that will be used on vue.js project that uses vuetify. So what I did is follow the vuetify documentaion on how to install it using a webpack. and after that i publish my package and tried to use it the project with vuetify and it gives me an error unknown custom element v-app
what I want to do is create a package [my-package-using-vuetify] then use to other Vue js project that also has vuetify in it.

Related

How can i add quasar framework to my vue cli project

i am a newer too vue js and i create a vue project called my-practise-vue by using vue-cli.
Now I want to use quasar component and styles. I installed quasar by using this command
npm install quasar#2 --save
And i saw quasar framework in the node modules folder.But when i use a quasar component like Avatar or skeleton, i didn't see any effect.
How can i do ? I must add a link of quasar css and quasar component in my main.js file ?
can you help me please ?

Creating own npm package vue.js and vuetify

Hi I wanted to ask if someone can help me with this I am trying to create my own package to publish on npm so what I wanted is that to add vuetify on my package and install my own package to a project that is also using vuetify. Right now I am using vue-sfc-rollup and I have installed vuetify on my package but it seemed it doesnt work it gives me an error Unknown custom element: <v-form> is it because I am using vuetify on both package and the project?

Using VUETIFY with vue-sfc-rollup tool

Has anyone used VUETIFY with this tool vue-sfc-rollup?
https://www.npmjs.com/package/vue-sfc-rollup
I need to add VUETIFY to the project that tool created, but using the VUE CLI command VUE ADD VUETIFY will not work due to the fact that the rollup solution is not a complete vuejs application, but a compact solution for creating distributed components. The problem I am trying to solve is where do I add the vuetify specific code?

Nuxt Buefy components using CDN

I am new to nuxt. I want to know whether is it possible to use Buefy on nuxt just by using CDN
as I directly imported beufy CDN in script in head function of nuxt.config
But it gave error while using navbar of beufy that the component is not registered correctly.
Nuxt supports buefy by default, when installing using npx create-nuxt-app you'll be asked if you want to use a component framework (buefy is an option here).
If you want to use it in an installed project you can npm install buefy --save and then add "nuxt-buefy" in the modules array of your nuxt.config

How to remove stylush from Vuetify plugin and add Vuetify SCSS in Vue Js project

I installed vuetify plugin in my vuejs project. i am using vue cli 3. i selected vuetify recommended option to install. but i am already using SCSS in my project. vuetify added stylush.
How can i remove stylush and use vuetify SCSS with best practice or do i need to start over from uninstalling vuetify and remove added files and code?