Multiselect: selected values are not shown without placeholder

[sandanat]

Selected values for multiselect are not shown when placeholder prop is not specified

Primevue: v2.3.0

1. Open example
2. Select values for multiselect
3. Identify selected values are not shown
4. Specify placeholder
5. Selected values are shown

Selected values must be visible without placeholder specified

[cagataycivici]

It works on v3 so we'll check for v2.

[Mohammad-Ravand]

i have this problem too, i cant preselect some options in multiselect
`<script setup>
import { useForm } from '@inertiajs/vue3';
import { ref, computed } from 'vue';

import MultiSelect from 'primevue/multiSelect'

const props = defineProps({
categories: {
type: Array,
required: true
},
post: {
type: Object,
required: true
}
});

const categoryOptions = computed(() => {
return props.categories.map(category => ({ name: category.name, code: category.id }))
});

const selectedCategories = computed(() => {
let r = props.post.categories.map(selectedCategory => {
selectedCategory = JSON.parse(JSON.stringify(selectedCategory))
let t= props.categories.find(cat => {
return cat.id == selectedCategory.id;
});

    return {label:'mohammad',code:t.id}
});

return r;

});

const form = useForm({
title: props.post.title ?? '',
description: props.post.description ?? '',
categories: selectedCategories.value,
image: null
});

const submit = () => {
form
.transform((data) => ({
...data,
image: data.image[0],
categories: data.categories.map(category => category.code)
}))
.post(route('post.store'), {
onFinish: () => {

        }
    });

};

</script> < `