In the layout design, we will have a drawer menu component as a navigation menu for the user. Here we will create the Drawer component:
- In the src/components folder, create a file named Drawer.vue and open it.
- In the <script> section of the single file component, we will export a default JavaScript object with two properties. The name property, defined as Drawer, and the data property, as a singleton function returning a JavaScript object. In the data property, create the following:
- A drawer property defined as false.
- A menu property, which we will define as an array of the menu items that will be used. The menu array will have three JavaScript objects with the name and icon properties. This array will have:
- A JavaScript object with the properties name defined as Home and icon defined as home
- A JavaScript object with the properties name defined as Ant Design Vue and icon defined as ant-design
- A JavaScript object with the properties name defined as Contact...