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

const hideFlagVal = ref(true)
const model = ref('')

const options = computed(() => [
  { label: 'シリコン', value: 'value1' },
  { label: 'フッ素', value: 'value2' },
  { label: '遮熱', value: 'value3' },
  { label: '非表示', value: 'valueDisable', hideFlag: hideFlagVal.value },
])
</script>

<template>
  model : {{ model }}
  <div class="test">
    <NewDropdown v-model="model" :p_Options="options" :p_SmallMode="true" />
  </div>
</template>
<style>
.test {
  width: 80px;
  margin-left: 300px;
  margin-bottom: 10px;
}
</style>
