Как сделать отображение карточек в случайном порядке каждый раз при перезагрузке?

Как сделать отображение карточек в случайном порядке каждый раз при перезагрузке?

`</v-col>
        <v-col cols="12">
          <Splide :options="sliderOptions">
            <SplideSlide v-for="(userItem, key) in usersGetter" :key="key">
              <v-card color="grey-lighten-4" class="align-self-stretch mb-9 rounded-lg "  
    flat width="100%" :to="`/create-appointment/users?idUser=${userItem.id}`">
            <div class="purple darken-2 text-center">
              <v-img 
                contain 
                class="rounded"
                aspect-ratio="1" 
                :src="`https://api.doctorznaet.online/file/get-user-photo?size=middle&idUser=${userItem.id}`"
              ></v-img>
            </div>
            <v-card-text class="pb-3">
               <div class="text-subtitle-2"  style="line-height: 1.5rem;"> {{userItem.surname}} {{userItem.name}} {{userItem.middleName}}</div>
                <div class="grey--text mt-2 mb-2">
                  <span v-for="(special, key) in userItem.specials" :key="key">
                    {{special}}<span v-if="key != userItem.specials.length -1">, </span>
                  </span>
                </div>
            </v-card-text>
          </v-card>
        </SplideSlide>
      </Splide>
    </v-col>`





computed: {
    ...mapGetters([
      'usersGetter'
    ])
  },