<template>
  <q-editor
    v-model="model"
    :definitions="editorDefinitions"
    :toolbar="editorToolbar"
    :fonts="editorFonts"
    placeholder="Ex. Oferecemos um serviço completo de limpeza para apartamentos, garantindo ambientes impecáveis e organizados. Nossa equipe é treinada para atender todas as necessidades, desde limpeza básica até higienização profunda, incluindo:
Ideal para quem busca praticidade, conforto e um espaço sempre limpo e agradável. Agende de acordo com sua necessidade: diária, semanal ou mensal."
    min-height="200px"
    max-height="400px"
    class="q-editor-custom"
    content-class="text-body1"
  />
</template>

<script setup>
const model = defineModel();

const editorDefinitions = {
  bold: { icon: "format_bold" },
  italic: { icon: "format_italic" },
  underline: {
    icon: "format_underlined",
  },

  unordered: {
    icon: "format_list_bulleted",
  },
  ordered: {
    icon: "format_list_numbered",
  },

  left: {
    icon: "format_align_left",
  },

  center: { icon: "format_align_center" },
  right: { icon: "format_align_right" },
  justify: { icon: "format_align_justify" },
  quote: { icon: "format_quote" },
  hr: { icon: "remove" },

  removeFormat: false,
  undo: false,
  redo: false,
};

const editorToolbar = [
  ["undo", "redo"],
  ["bold", "italic", "underline", "strike"],
  ["unordered", "ordered"],
  ["left", "center", "right", "justify"],
  ["quote", "link"],
  ["removeFormat"],
  ["hr"],
];

const editorFonts = {
  arial: "Arial",
  arial_black: "Arial Black",
  comic_sans: "Comic Sans MS",
  courier_new: "Courier New",
  impact: "Impact",
  lucida_grande: "Lucida Grande",
  times_new_roman: "Times New Roman",
  verdana: "Verdana",
};
</script>

<style lang="scss">
@import "src/css/editor.scss";
</style>
