I'm starting to use PrimeVue, and now i'm setuping my layout.
My main component is as follow:
Code: Select all
<template>
<main>
<TopBar @show-side-bar="showSideBar" />
<Sidebar :visible="menuVisible">
<SideMenu></SideMenu>
</Sidebar>
<router-view />
</main>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue'
import Sidebar from 'primevue/sidebar'
export default defineComponent({
components: { Sidebar },
setup() {
const menuVisible = ref(false)
const showSideBar = async () => {
menuVisible.value = true
}
return { menuVisible, showSideBar }
},
})
</script>
Also, I'm not using primeicons, is there a way to personalize how and where the close button is shown?