<template>
  <div class="demo-auto-complete-basic">
    <ui-auto-complete
      v-model="value"
      :options="data"
      :show-icon="false">
    </ui-auto-complete>
  </div>
</template>
<script>
import { AutoComplete } from "amumu-ui"

const DATA = [
  {
    value: "",
    label: "ALL",
  },
  {
    value: "1",
    label: "FIRST",
  },
  {
    value: "2",
    label: "SECOND",
  },
  {
    value: "3",
    label: "THIRD",
  },
  {
    value: "4",
    label: "FOURTH",
  },
  {
    value: "5",
    label: "FIFTH",
  },
  {
    value: "6",
    label: "SIXTH",
  },
]

export default {
  components: {
    "ui-auto-complete": AutoComplete,
  },
  data() {
    return {
      data: DATA,
      value: "",
    }
  },
}
</script>
