<script setup>
import NewDropdown from '../NewDropdown.vue'
import { ref, watch, computed } from 'vue'
import CInput from '../../CInput/CInput.vue'

const testflg = ref(false)

const options = computed(() => [
  { label: 'test 0', value: 'value0' },
  {
    label:
      'test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2test2',
    value: 'value-long',
  },
  { label: 'test 1', value: 'value1' },
  { label: 'test 2', value: 'value2' },
  { label: 'いないよ', value: 'value3', hideFlag: testflg.value },
  { label: 'test 4', value: 'value4' },
  { label: 'test 5', value: 'value5' },

  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
  { label: 'test' + Math.random().toString(), value: Math.random().toString() },
])

const model = ref('value0')
</script>

<template>
  <pre> model:{{ model }}</pre>
  <NewDropdown v-model="model" :p_Options="options" />
</template>

<style></style>
