Global Component not working.

[huonsokly]

I've tried to declare global component but it not working however I did like this in single nuxt project it worked fine.

//plugins/ml.js import Vue from 'vue' import Title from '~/components/ml/title'; const components = { Title }; Object.entries(components).forEach(([name, component]) => { Vue.component(name, component) });

//nuxt.config.js plugins: [ '~plugins/ml', ]

//in view file <ml-title></ml-title>

but not working, please help!

[cretueusebiu]

Just use Vue.component(Title.name, Title)

[huonsokly]

Thank you for your answer! but will it work with multiple components?

//plugins/ml.js import Vue from 'vue' import Title from '~/components/ml/title'; import Title2 from '~/components/ml/title2'; const components = { Title, Title2 }; Object.entries(components).forEach(([name, component]) => { Vue.component(name, component) });

Thank you

[huonsokly]

I added this

components: { dirs: [ '~/components/', { path: '~/components/ml/', prefix: 'ml' } ] },

in nuxt.config.js and it worked. thank you!