<style>

#app {

  font-family: Roboto, Helvetica, Arial, sans-serif;

}

</style>

<script>

  import { MDBSelect } from "mdb-vue-ui-kit";

  import { ref } from "vue";

​

  export default {

    components: {

      MDBSelect

    },

    setup() {

      const listOfOptions = [

        { text: "One", value: 1 },

        { text: "Two", value: 2 },

        { text: "Three", value: 3 },

        { text: "Four", value: 4 },

        { text: "Five", value: 5 },

        { text: "Six", value: 6 },

        { text: "Seven", value: 7 },

        { text: "Eight", value: 8 }

      ]

      const getOptionList = (selectedId) => {

        const newList = Array.from(listOfOptions);

        newList[selectedId].selected = true;

        return newList

      }

      const options1 = ref(getOptionList(2));

      const selected1 = ref("");

​

      return {

        options1,

        selected1

      };

    }

  };

</script>