<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')
This Pen doesn't use any external CSS resources.