myprojplanet_vite/src/components/CLabel/CLabel.vue

<template>
  <div
    class="q-gutter-y-xs column"
    style="min-width: 100px"
  >
    <q-field
      :label="label ? label : undefined"
      :stack-label="!!label"
      outlined
      :dense="dense"
      color="blue-6"
    >
      <template
        v-if="copy"
        v-slot:prepend
      >
        <q-btn
          round
          dense
          flat
          icon="far fa-copy"
          @click="copytoclip"
        />
      </template>
      <template v-slot:control>
        <div
          class="self-center full-width no-outline"
          tabindex="0"
        >
          <span
            :class="class_text"
            :style="`color: ` + color"
            v-html="value"
          ></span>
          <slot></slot>
        </div>
      </template>
    </q-field>
  </div>
</template>

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

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