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
Related
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 ?
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.
This is something weird that I am unable to figure out.
I did not install sass-loader from Vue, nor did I configure webpack for SCSS, but it still works fine when I use
<style lang='scss'>....some SCSS code here....</style>
inside my Vue component.
After some research: vue init is deprecated syntax for Vue-CLI 2.x that used to clone templates into your new project folder. One of these templates is the webpack-simple which you defined in your command.
In the webpack.config.js for this template, you can see that sass-loader is preconfigured.
Since Vue-CLI 3.0 and up, the command used to generate a new app is vue create.
I am using buefy autocomplete component with nuxt.js. I have imported the CSS file. and the CSS working properly on the localhost but on the live server is not working. I thought the problem may be with buefy but the same problem I am facing with vue-select autocomplete.
Everything is perfect on the local server but when I move my files to live server and do num run build noting works from buefy and vue-select.
Note: the rest of all CSS working just fine
Localhost
Production
And it's not only autocomplete component, none of the buefy components are working, Radio Buttons, Calender etc.
A little guidance will be appreciated.
Thanks
As of today, Buefy has an official support for Nuxt. Instead of importing buefy's css inside nuxt.config.js and creating a new plugin, you can use a nuxt module.
If you create a new Nuxt project using create-nuxt-app, you can choose to add Buefy as your UI framework.
If you have an existing nuxt project, you can simply install the nuxt-buefy module manually:
npm i nuxt-buefy
nuxt.config.js
...,
modules: [
'nuxt-buefy',
],
...
I've Electron Project, but I can't use vuejs inside it...so how to use vuejs inside it? or I should install vue cli and install electron?
The easiest way that I have seen currently is to create your Vue site first, with vue-cli 3, and then a vue-cli-plugin- but not electron-vue, which is stale. Use vue-cli-plugin-electron-builder. Starting with this, you can then add all the Vue you want.