I followed the instructions provided in the documentation here.
These are the steps I took:
vue create example-app
cd example-app
I selected the vue 3 preset.
Then, I made changes to the script in main.js
import Vue from 'vue';
import Button from 'ant-design-vue/lib/button';
import 'ant-design-vue/dist/antd.css';
import App from './App';
Vue.component(Button.name, Button);
Vue.config.productionTip = false;
new Vue({
render: h => h(App),
}).$mount('#app');
Here is my App.js
file:
<template>
<div id="app">
<img src="./assets/logo.png">
<a-button type="primary">Button</a-button>
</div>
</template>
<script>
export default {
name: 'App',
components: {
}
}
</script>
<style>
</style>
However, I am facing an issue where the Button component does not appear on the screen, and instead, all I see is a blank screen. Can anyone help me with this problem?