How do I turn off the productionTip warning in Vue 3?

In Vue 2 one could use

Vue.config.productionTip = false;

to turn off the productionTip warning on development builds. However it doesn't work with Vue 3:

Vue.config && (Vue.config.productionTip = false);
const App = { data: () => ({ foo: 'bar' })
};
Vue.createApp(App).mount('#app');

<script src=""></script>
<div>{{ foo }}</div>

3 Answers

According to documentation it was removed.

So, if you want to get rid of the warning in your Vue 3 Stack Overflow answers (without disabling the console in the snippet), you have to replace src="" with a global.prod CDN build: (i.e: src=""):

const App = { data: () => ({ foo: 'bar' })
};
Vue.createApp(App).mount('#app');

<script src=""></script>
<div>{{ foo }}</div>

productionTip has been defaulted to false for production in Vue 3.x. It's now only for dev. Check Vuejs official documentation.

write this

const app = createApp(App)
app.config.warnHandler = function (msg, vm, trace) { return null
}

Done!