Vue Js Multiselect Dropdown

<html>

<head>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
</head>

<body>
    <div id="app">
        <h3>Vue Js Multiple Select Dropdown</h3>
        <p>Select Multiple Book</p>
        <select multiple="true" v-model="multipleSelect" style="width:150px;">

<option v-for="book in books" :value="book.name">
                {{book.name}}
            </option>
        </select><br><br>
        {{ multipleSelect }}
        <P>Note: Select multiple items from a drop-down list by holding down the Ctrl (Windows) or Command (Mac) button
            to select multiple</P>
    </div>
    <script type="module">
        import { createApp } from "vue";
        createApp({
            data() {
                return {
                    multipleSelect: [""],
                    books: [
                        { id: 1, name: 'Vue Js' },
                        { id: 2, name: 'React Js' },
                        { id: 3, name: 'Angular Js' },
                        { id: 4, name: 'Node Js' },
                        { id: 5, name: 'PHP' },
                        { id: 6, name: 'Express JS' },
                    ]

}
            },

}).mount("#app");
    </script>
</body>

</html>