I would like to make ready to use components with my classes/stylish, I'm using mixins for the thing, but it seams the properties are not passed. I get the style but not the "items" i.e.

This is the code:

<template>
  <span>
    <p
      class="text-left text-secondary text-caption ml-2 pb-0 pt-0 mb-0 mt-0"
      v-if="label"
    >
      {{ label }}
    </p>
    <v-autocomplete
      :class="getClass"
      outlined
      single-line
      hide-details
      v-bind="$props"
    />
  </span>
</template>

<script>
import { VAutocomplete } from "vuetify/lib";

export default {
  mixins: [VAutocomplete],

  data() {
    return {};
  },

  mounted() {
    console.log(this.$props);
  },

  watch: {},

  computed: {
    getClass() {
      return "input-style font-size-input text-light-input placeholder-light border-radius-md select-style mt-0 mb-2";
    },
  },

  methods: {},
};
</script>