Kullanıcının oturumu açıkken değişebileceği kullanıcı adı kullanıcı profil resmi gibi bazı dinamik bilgilerim var bu bilgileri otomatik olarak güncellenmesini sağlamak açısından computed ile çalışmak istedim githubda şöyle bir kod buldum
<script>
export default {
computed: {
sideBar() {
return [
{ name: `${this.$page.props.user.username}`, image: `${this.$page.props.user.profile_photo_url}`, alt: `${this.$page.props.user.username}`, route: route('profiles.show',`${this.$page.props.user.username}`) },
{ name: 'Edit Profile', route: route('profile.show'), icon: 'user-edit' },
{ name: 'images', route: route('images.index'), icon: 'user-friends' },
]
}
}
}
</script>
bu kodu dökümantasyondaki örneğe göre çevirmek istedim beceremedim
<script setup>
import { reactive, computed } from 'vue'
const author = reactive({
name: 'John Doe',
books: [
'Vue 2 - Advanced Guide',
'Vue 3 - Basic Guide',
'Vue 4 - The Mystery'
]
})
// a computed ref
const publishedBooksMessage = computed(() => {
return author.books.length > 0 ? 'Yes' : 'No'
})
</script>
<template>
<p>Has published books:</p>
<span>{{ publishedBooksMessage }}</span>
</template>
yani bu formata çevirmek istedim demek istedim . birazda kafam karıştı yardımcı olabilirmisiniz