Select Issue in Svelte

Select.js

<select ref:select on:change="doChange(event)">
  <option value="{{item.key}}">{{item.title}}</option>
  <option value="two">Two</option>
  <option value="three">Three</option>
</select>

<div>Selected Value: {{value}}</div>

<script>
  export default {
    data() {
      return {
        "item": {
          "title": "Tierras del cafe",
          "key": "tierrasdelcafe"
        },
        "value": "none"
      } 
    },
    methods: {
      doChange() {
        console.log(component.refs.select.value);
      }
    }
  }
</script>