<script>
import Header from './components/Header.vue'
import Sidebar from './components/Sidebar.vue'
import SidebarMobile from './components/SidebarMobile.vue'
export default {
components: {
Header,
Sidebar,
SidebarMobile,
},
data () {
return {
MobileSidebarOpen: false
}
},
methods: {
openMobileSidebar () {
this.MobileSidebarOpen = true
},
closeMobileSidebar () {
this.MobileSidebarOpen = false
}
}
}
</script>
Tüm kodu kopyalamak kolay oldu , aslında yukardaki kod formatını kendim bişiler yaparak değiştirmek istedim
<script setup>
import { ref } from 'vue'
</script>
Bu yukardaki format içeriğinde çalışarak yani composition api ile bir düzenlemeye gittim işin garip tarafı hatada almıyorum , çalışmıyorda yukardaki yapıyı tam olarak nasıl düzenlemeliyim ?