Intento eliminar la publicación de PostList, pero obtengo un error
<PostList :posts="sortedAndSearchedPosts" @remove="removePost" v-if="!isPostsLoading" />
eliminar la función de publicación
removePost(post) { this.posts = this.posts.filter((p) => p.id !== post.id); },
publicaciones inicializadas aquí
computed: { ...mapState({ posts: (state) => state.post.posts, }), ...mapGetters({ sortedPosts: "post/sortedPosts", sortedAndSearchedPosts: "post/sortedAndSearchedPosts", }), },
No está claro dónde se configuran inicialmente this.posts
. Si adivino bien tu arquitectura, veo 2 opciones para ti:
sortedAndSearchedPosts
refleje el cambio directamenteposts
: data () { return { posts: [...this.sortedAndSearchedPosts], ... } },
y actualice su código para usar la lista local de publicaciones:
<PostList :posts="posts" ... />
¡Espero que esto ayude!