Vue Js check box set default checked/selected

<html>
  <head>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js"
        }
      }
    </script>
    <body>
      <div id="app">
        <h3>Vue Js check box set default checked/selected</h3>
        <div v-for="(item,index) in items">
          <input
            :value="item"
            type="checkbox"
            v-model="selectedOptions"
          />{{item}}
        </div>
        <pre>Selected item: {{selectedOptions}} </pre>
      </div>
      <script type="module">
        import { createApp } from "vue";
        createApp({
          data() {
            return {
              selectedOptions: ["Vue"],
              items: [
                "Vue",
                "React",
                "Angular",
                "Node",
                "Express",
                "Php",
                "Bootstrap",
              ],
            };
          },
          methods: {},
        }).mount("#app");
      </script>
    </body>
  </head>
</html>