イベントハンドラにidを引数としてvuexに保存したい。

Question

selectboxで選択した値に紐づくidをvuexに保存したいです。
現在イベントで引数を指定しましたがundifindeになってしましいます。
どこが間違っているのかどなたかご存じでしたらご教示お願い致します。

export const state = () => ({
  items: [{"id": "1", "urlname": "google"}],
  selectedUrlId: []
})

export const mutations = ({
  setItems (state, payload) {
    state.items = payload
  },
setSelectedItem (state, payload) {
    state.selectedUrlId = payload
  }
})

<template>
      <div>
        <select  @change="updateSelect(item.id)">
          <option v-for="(item, index) in items" :key="index" >{{ item.urlname}}</option>
        </select>
      </div>
</template>
<script>
export default {
  data () {
    return {
   }
  },
  computed: {
    items () {
      return this.$store.state.items
  }
},
 methods: {
    updateSelect (id) {
      console.log('id,event', id)  //id ←undifinedになります。 
      this.$store.commit('setSelectedItem', id)
    }
  }
}
</script>

Answer 1

selectとoptionの書き方が悪かったようです

        <select @change="updateSelect">
          <option v-for="item in items" :key="item.id" :value="item.id">{{ item.urlname}}</option>
        </select>

 methods: {
    updateSelect (e) {
      this.$store.commit('setSelectedItem', e.target.value)
    }
  }