<template>
  <q-select
    rounded
    outlined
    v-model="classfont"
    @update:model-value="updateValue"
    :options="tools.SelectListFontSize"
    dense
    :label="title"
    emit-value
    map-options
  >
    <template v-slot:selected>
      <q-chip
        dense
        square
        color="white"
        class="q-my-none q-ml-xs q-mr-none"
      >
        <span :class="classfont">{{ classfont }}</span>
      </q-chip>
    </template>
    <template v-slot:option="scope">
      <q-item v-bind="scope.itemProps">
        <q-item-section>
          <q-item-label :class="scope.opt.value">{{
            scope.opt.label
          }}</q-item-label>
        </q-item-section>
      </q-item>
    </template>
  </q-select>
</template>

<script lang="ts" src="./CSelectFontSize.ts">
</script>

<style lang="scss" scoped>
@import './CSelectFontSize.scss';
</style>
