HTML Editor go on

src/components/CSelectFontSize/CSelectFontSize.vue

@@ -0,0 +1,40 @@
+<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>