<div id="app">
  <select>
     <option v-for="(month, index) in months" 
             :value="index + 1">{{ month }}</option>  
  </select>
</div>
html, body {
  display: grid;
  justify-content: center;
  align-content: center;
  height: 100%;
}
const DateTime = luxon.DateTime
const Info = luxon.Info

const app = Vue.createApp({
  data: function () {
    return {
      months: Info.months()
    }
  }  
})

const vm = app.mount('#app')

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdn.jsdelivr.net/npm/luxon@1.26.0/build/global/luxon.min.js
  2. https://unpkg.com/vue@next