Vue-select: Placeholder doesn't work

[HamzaInPerth]

Placeholder doesn't work, so I updated my version, but still does'nt work.

My component is blank but still have options and the function got executed as well.

I'm using firefox dev version

Here's a piece of my code :

        <v-select
          id="department"
          label="department"
          class="shadow-sm"
          :options="$store.getters['localData/getDepartment']"
          :reduce="(value) => value.id"
          @input="sortEmployeesByDepartment"
          v-model="id_department"
          placeholder="Here is my placeholder">
        </v-select>

[HamzaInPerth]

The issue is due to width in CSS, you have to define a width. Hope it will help someone.

[rommyarb]

You need to define width in the style.

<v-select
  style="width:250px"
  id="department"
  label="department"
  class="shadow-sm"
  :options="$store.getters['localData/getDepartment']"
  :reduce="(value) => value.id"
  @input="sortEmployeesByDepartment"
  v-model="id_department"
  placeholder="Here is my placeholder">
</v-select>