<template>
  <footer class="app-footer">
    <strong>Copyright &copy; {{ new Date().getFullYear() }} <a href="/" target="_blank">{{ name }}</a>.
    </strong>&nbsp;{{ $t("labels.all_rights_reserved") }}
    <span class="ml-auto">
      <template v-if="editorName !== ''">
        <template v-if="editorSiteUrl !== ''">
          <i class="fe fe-code"></i> with <i class="fe fe-heart"></i> by <a
            :href="editorSiteUrl" target="_blank"><strong>{{ editorName }}</strong></a>
        </template>
        <template v-else>
          <i class="fe fe-code"></i> with <i class="fe fe-heart"></i> by <strong>{{ editorName }}</strong>
        </template>
      </template>
    </span>
  </footer>
</template>
<script>
export default {
  name: 'AppFooter',
  props: {
    name: {
      type: String,
      default: ''
    },
    editorName: {
      type: String,
      default: ''
    },
    editorSiteUrl: {
      type: String,
      default: ''
    }
  }
}
</script>

<template>
  <footer class="app-footer">
    <strong>Copyright &copy; {{ new Date().getFullYear() }} <a href="/" target="_blank">{{ name }}</a>.
    </strong>&nbsp;{{ $t("labels.all_rights_reserved") }}
    <span class="ml-auto">
      <template v-if="editorName !== ''">
        <template v-if="editorSiteUrl !== ''">
          <i class="fe fe-code"></i> with <i class="fe fe-heart"></i> by <a
            :href="editorSiteUrl" target="_blank"><strong>{{ editorName }}</strong></a>
        </template>
        <template v-else>
          <i class="fe fe-code"></i> {{ $t("labels.with") }} <i class="fe fe-heart"></i> {{ $t("labels.by") }} <strong>{{ editorName }}</strong>
        </template>
      </template>
    </span>
  </footer>
</template>
<script>
export default {
  name: 'AppFooter',
  props: {
    name: {
      type: String,
      default: ''
    },
    editorName: {
      type: String,
      default: ''
    },
    editorSiteUrl: {
      type: String,
      default: ''
    }
  }
}
</script>

Fix not translated "with" and "by"
Fix not translated "with" and "by"