@xen-orchestra/web-core 0.28.0 → 0.30.0

package/lib/locales/en.json

@@ -27,6 +27,7 @@
   "alarms": "Alarms",
   "all-done": "All done!",
   "all-good": "All good!",
+  "all-quiet-launchpad": "All quiet on the launchpad",
   "allow-self-signed-ssl": "You may need to allow self-signed SSL certificates in your browser",
   "api-error-details": "API Error details",
   "appearance": "Appearance",
@@ -105,7 +106,9 @@
   "console": "Console",
   "console-actions": "Console actions",
   "console-clipboard": "Console clipboard",
+  "console-offline": "Console offline",
   "console-unavailable": "Console unavailable",
+  "console-unavailable-reason": "The console is currently unavailable because the {type} is powered off.",
   "control-domain-memory": "Control domain memory",
   "copy": "Copy",
   "copy-all": "Copy all",
@@ -153,6 +156,7 @@
   "cpus": "CPUs",
   "crash-dump-storage-repository": "Crash dump storage repository",
   "create": "Create",
+  "created-by": "Created by",
   "created-on": "Created on",
   "cron-pattern": "Cron pattern",
   "custom-config": "Custom config",
@@ -193,6 +197,7 @@
   "edit-config": "Edit config",
   "enabled": "Enabled",
   "end-of-life": "End of life",
+  "engines-off": "Engines off, orbit stable",
   "eol": "EOL",
   "error": "Error",
   "error-no-data": "Error, can't collect data.",
@@ -236,6 +241,7 @@
   "go-back": "Go back",
   "gpus": "GPUs",
   "graphics-display": "Graphics & Display",
+  "guest-tools": "Guest tools",
   "gzip": "gzip",
   "hardware": "Hardware",
   "hardware-specifications": "Hardware specifications",
@@ -243,8 +249,11 @@
   "here": "Here",
   "high-availability": "High availability (HA)",
   "host": "Host",
+  "host-currently-shutdown": "This host is currently shut down, so we can’t retrieve any data.",
   "host-description": "Host description",
   "host-internal-networks": "Host internal networks",
+  "host-not-running": "Host not running",
+  "host-off": "Host is powered off",
   "host-status.halted": "Stopped",
   "host-status.running": "Running",
   "host-status.unknown": "Unknown",
@@ -260,6 +269,7 @@
   "hyper-threading": "Hyper threading (SMT)",
   "id": "ID",
   "in-last-three-jobs": "In their last three jobs",
+  "in-progress": "In progress",
   "install-settings": "Install settings",
   "interfaces": "Interface | Interface | Interfaces",
   "interrupted": "Interrupted",
@@ -321,6 +331,7 @@
   "language": "Language",
   "last": "Last",
   "last-n-runs": "Last {n} runs",
+  "last-run-number": "Last run #{n}",
   "last-week": "Last week",
   "learn-more": "Learn more",
   "license-socket": "License socket",
@@ -328,8 +339,8 @@
   "licensing": "Licensing",
   "load-average": "Load average",
   "load-now": "Load now",
+  "loading": "Loading…",
   "loading-hosts": "Loading hosts…",
-  "loading-in-progress": "Loading in progress…",
   "locking-mode": "Locking mode",
   "locking-mode-default": "Default locking mode",
   "log-out": "Log out",
@@ -364,7 +375,6 @@
   "n-hosts": "1 host | {n} hosts",
   "n-hosts-awaiting-patch": "{n} host is awaiting this patch | {n} hosts are awaiting this patch",
   "n-missing": "{n} missing",
-  "n-more": "{n} more",
   "n-percent": "{n}%",
   "n-vms": "1 VM | {n} VMs",
   "name": "Name",
@@ -390,11 +400,14 @@
   "news-name": "{name} news",
   "nic-type": "NIC type",
   "no-alarm-triggered": "No alarm triggered",
+  "no-alarms-detected": "No alarms detected",
   "no-backup-available": "No backup available",
   "no-config": "No configuration",
   "no-data": "No data",
+  "no-data-to-calculate": "No data to calculate",
   "no-network-detected": "No network detected",
   "no-pif-detected": "No PIF detected",
+  "no-pools-detected": "No pools detected",
   "no-result": "No result",
   "no-results": "No results",
   "no-selected-vm-can-be-exported": "No selected VM can be exported",
@@ -402,6 +415,7 @@
   "no-server-detected": "No server detected",
   "no-tasks": "No tasks",
   "no-vif-detected": "No VIF detected",
+  "no-vm-detected": "No VM detected",
   "none": "None",
   "not-found": "Not found",
   "not-running": "Not running",
@@ -424,6 +438,7 @@
   "password": "Password",
   "password-invalid": "Password invalid",
   "patches": "Patches",
+  "patches-up-to-date": "Patches up to date",
   "pause": "Pause",
   "physical-interface-status": "Physical interface status",
   "pick-template": "Pick template",
@@ -493,6 +508,7 @@
   "secure-boot": "Secure boot",
   "see-all": "See all",
   "see-less": "See less",
+  "see-n-more": "See {n} more",
   "select-compression": "Select a compression",
   "select-destination-host": "Select a destination host",
   "select-host": "Select host",
@@ -525,8 +541,11 @@
   "stacked-cpu-usage": "Stacked CPU usage",
   "stacked-ram-usage": "Stacked RAM usage",
   "start": "Start",
+  "start-console": "Start your {type} to access the console and resume operations!",
   "start-delay": "Start delay",
+  "start-host": "Start the host to resume operations, or check back later once it’s powered on.",
   "start-on-host": "Start on specific host",
+  "start-vm": "Start it to access its console, and configuration details.",
   "started": "Started",
   "state": "State",
   "static": "Static",
@@ -613,6 +632,9 @@
   "vm-is-running": "The VM is running",
   "vm-limit-topology": "VM limit topology",
   "vm-management": "VM management",
+  "vm-not-running": "VM not running",
+  "vm-off": "This virtual machine is powered off.",
+  "vm-shutdown": "VM is currently shut down",
   "vm-status.halted": "Halted",
   "vm-status.paused": "Paused",
   "vm-status.running": "Running",

package/lib/locales/es.json

@@ -306,7 +306,7 @@
   "load-average": "Carga media del sistema",
   "load-now": "Cargar ahora",
   "loading-hosts": "Cargando servidores…",
-  "loading-in-progress": "Cargando…",
+  "loading": "Cargando…",
   "locking-mode": "Modo de bloqueo",
   "locking-mode-default": "Modo de bloqueo por defecto",
   "log-out": "Desconectarse",

package/lib/locales/fa.json

@@ -265,7 +265,7 @@
   "load-average": "میانگین مصرف",
   "load-now": "اکنون بارگذاری کنید",
   "loading-hosts": "در حال بارگذاری میزبان ها…",
-  "loading-in-progress": "بارگیری در حال انجام است…",
+  "loading": "بارگیری در حال انجام است…",
   "locking-mode": "حالت قفل کردن",
   "locking-mode-default": "حالت قفل کردن پیش‌فرض",
   "log-out": "خروج",

package/lib/locales/fr.json

@@ -27,6 +27,7 @@
   "alarms": "Alarmes",
   "all-done": "Tout est terminé !",
   "all-good": "Tout va bien !",
+  "all-quiet-launchpad": "Tout est calme sur la rampe de lancement",
   "allow-self-signed-ssl": "Vous devrez peut-être autoriser les certificats SSL auto-signés depuis votre navigateur",
   "api-error-details": "Details de l'erreur API",
   "appearance": "Apparence",
@@ -105,7 +106,9 @@
   "console": "Console",
   "console-actions": "Actions de la console",
   "console-clipboard": "Presse-papiers de la console",
+  "console-offline": "Console hors ligne",
   "console-unavailable": "Console indisponible",
+  "console-unavailable-reason": "La console est actuellement indisponible car {type} est éteint.",
   "control-domain-memory": "Mémoire du domaine de contrôle",
   "copy": "Copier",
   "copy-all": "Copier tout",
@@ -153,6 +156,7 @@
   "cpus": "CPUs",
   "crash-dump-storage-repository": "Dépôt de stockage des log de crash",
   "create": "Créer",
+  "created-by": "Créé par",
   "created-on": "Créé le",
   "cron-pattern": "Pattern cron",
   "custom-config": "Configuration personnalisée",
@@ -193,6 +197,7 @@
   "edit-config": "Modifier config",
   "enabled": "Activé",
   "end-of-life": "Fin de vie",
+  "engines-off": "Moteurs arrêtés, orbite stable",
   "eol": "EOL",
   "error": "Erreur",
   "error-no-data": "Erreur, impossible de collecter les données.",
@@ -236,6 +241,7 @@
   "go-back": "Revenir en arrière",
   "gpus": "GPUs",
   "graphics-display": "Graphique & Affichage",
+  "guest-tools": "Guest Tools",
   "gzip": "gzip",
   "hardware": "Matériel",
   "hardware-specifications": "Spécifications matérielles",
@@ -243,8 +249,11 @@
   "here": "Ici",
   "high-availability": "Haute Disponibilité (HA)",
   "host": "Hôte",
+  "host-currently-shutdown": "Cet hôte est actuellement à l’arrêt, nous ne pouvons donc pas récupérer de données.",
   "host-description": "Description de l'hôte",
   "host-internal-networks": "Réseaux internes de l'hôte",
+  "host-not-running": "Hôte non démarré",
+  "host-off": "L’hôte est éteint",
   "host-status.halted": "Arrêté",
   "host-status.running": "Démarré",
   "host-status.unknown": "Inconnu",
@@ -260,6 +269,7 @@
   "hyper-threading": "Hyper-threading (SMT)",
   "id": "ID",
   "in-last-three-jobs": "Dans leurs trois derniers jobs",
+  "in-progress": "En cours",
   "install-settings": "Paramètres d'installation",
   "interfaces": "Interface | Interface | Interfaces",
   "interrupted": "Interrompu",
@@ -321,6 +331,7 @@
   "language": "Langue",
   "last": "Dernier",
   "last-n-runs": "{n} derniers runs",
+  "last-run-number": "Dernière exécution #{n}",
   "last-week": "Semaine dernière",
   "learn-more": "En savoir plus",
   "license-socket": "Licence socket",
@@ -328,8 +339,8 @@
   "licensing": "Licences",
   "load-average": "Charge système",
   "load-now": "Charger maintenant",
+  "loading": "Chargement…",
   "loading-hosts": "Chargement des hôtes…",
-  "loading-in-progress": "Chargement en cours…",
   "locking-mode": "Mode de verrouillage",
   "locking-mode-default": "Mode de verrouillage par défaut",
   "log-out": "Se déconnecter",
@@ -364,7 +375,6 @@
   "n-hosts": "1 hôte | {n} hôtes",
   "n-hosts-awaiting-patch": "{n} hôte attend ce patch | {n} hôtes attendent ce patch",
   "n-missing": "{n} manquant | {n} manquants",
-  "n-more": "{n} de plus",
   "n-percent": "{n} %",
   "n-vms": "1 VM | {n} VMs",
   "name": "Nom",
@@ -390,11 +400,14 @@
   "news-name": "Actualités {name}",
   "nic-type": "Type de carte réseau (NIC)",
   "no-alarm-triggered": "Aucune alarme déclenchée",
+  "no-alarms-detected": "Aucune alarme détectée",
   "no-backup-available": "Aucune sauvegarde disponible",
   "no-config": "Aucune configuration",
   "no-data": "Aucune donnée",
+  "no-data-to-calculate": "Aucune donnée à calculer",
   "no-network-detected": "Aucun réseau détecté",
   "no-pif-detected": "Aucun PIF détecté",
+  "no-pools-detected": "Aucun pool détecté",
   "no-result": "Aucun résultat",
   "no-results": "Aucun résultat",
   "no-selected-vm-can-be-exported": "Aucune VM sélectionnée ne peut être exportée",
@@ -402,6 +415,7 @@
   "no-server-detected": "Aucun serveur détecté",
   "no-tasks": "Aucune tâche",
   "no-vif-detected": "Aucun VIF détecté",
+  "no-vm-detected": "Aucune VM détectée",
   "none": "Aucun",
   "not-found": "Non trouvé",
   "not-running": "Pas en cours d'exécution",
@@ -424,6 +438,7 @@
   "password": "Mot de passe",
   "password-invalid": "Mot de passe incorrect",
   "patches": "Patches",
+  "patches-up-to-date": "Patches à jour",
   "pause": "Pause",
   "physical-interface-status": "Statut de l'interface physique",
   "pick-template": "Choisir un modèle",
@@ -493,6 +508,7 @@
   "secure-boot": "Démarrage sécurisé",
   "see-all": "Voir tout",
   "see-less": "Voir moins",
+  "see-n-more": "Voir {n} de plus",
   "select-compression": "Sélectionnez une compression",
   "select-destination-host": "Sélectionnez un hôte de destination",
   "select-host": "Sélectionnez un hôte",
@@ -525,8 +541,11 @@
   "stacked-cpu-usage": "Utilisation CPU empilée",
   "stacked-ram-usage": "Utilisation RAM empilée",
   "start": "Démarrer",
+  "start-console": "Démarrez votre {type} pour accéder à la console et reprendre les opérations !",
   "start-delay": "Départ différé",
+  "start-host": "Démarrez l’hôte pour reprendre les opérations, ou revenez plus tard une fois qu’il sera allumé.",
   "start-on-host": "Démarrer sur un hôte spécifique",
+  "start-vm": "Démarrez-la  pour accéder à sa console et à ses paramètres de configuration.",
   "started": "Démarré",
   "state": "État",
   "static": "Statique",
@@ -613,6 +632,9 @@
   "vm-is-running": "La VM est en cours d'exécution",
   "vm-limit-topology": "Limite de topologie physique des VMs",
   "vm-management": "Gestion de la VM",
+  "vm-not-running": "VM non démarrée",
+  "vm-off": "Cette machine virtuelle est éteinte.",
+  "vm-shutdown": "La VM est actuellement arrêtée",
   "vm-status.halted": "Éteinte",
   "vm-status.paused": "En pause",
   "vm-status.running": "Démarrée",

package/lib/locales/it.json

@@ -262,7 +262,7 @@
   "learn-more": "Scopri di più",
   "load-average": "Carico medio",
   "load-now": "Carica adesso",
-  "loading-in-progress": "Caricamento in corso…",
+  "loading": "Caricamento in corso…",
   "log-out": "Esci",
   "login": "Login",
   "mac-address": "MAC address",

package/lib/locales/nl.json

@@ -313,7 +313,7 @@
   "load-average": "Gemiddelde belasting",
   "load-now": "Nu laden",
   "loading-hosts": "Hosts laden…",
-  "loading-in-progress": "Bezig met laden…",
+  "loading": "Bezig met laden…",
   "locking-mode": "Vergrendelmodus",
   "locking-mode-default": "Standaard vergrendelingsmodus",
   "log-out": "Uitloggen",

package/lib/locales/sv.json

@@ -294,7 +294,7 @@
   "load-average": "Genomsnittslast",
   "load-now": "Ladda nu",
   "loading-hosts": "Ladda hostar…",
-  "loading-in-progress": "Laddning pågår…",
+  "loading": "Laddning pågår…",
   "locking-mode": "Låsläge",
   "locking-mode-default": "Standard låsläge",
   "log-out": "Logga ut",

package/lib/packages/progress/use-progress-group.ts

@@ -37,7 +37,7 @@ export function useProgressGroup<TSource>(
   )
 
   const highestPercentageCap = computed(() =>
-    progressItems.value.reduce((highestCap, item) => Math.max(highestCap, item.percentageCap.value), 0)
+    progressItems.value.reduce((highestCap, item) => Math.max(highestCap, item.percentageCap.value), 100)
   )
 
   const normalizedProgressItems = useArrayMap(progressItems, item => {

package/lib/utils/progress.util.ts

@@ -0,0 +1,72 @@
+import type {
+  ProgressBarLegendType,
+  ProgressBarThresholdPayload,
+} from '@core/components/progress-bar/VtsProgressBar.vue'
+import type { ProgressBarLegend } from '@core/components/ui/progress-bar/UiProgressBar.vue'
+import type { Progress } from '@core/packages/progress/types.ts'
+import type { ThresholdConfig } from '@core/packages/threshold/type.ts'
+import { formatSize } from '@core/utils/size.util.ts'
+import { computed, type ComputedRef, type MaybeRefOrGetter, type Reactive, toValue } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+export function defaultProgressThresholds(tooltip?: string): ThresholdConfig<ProgressBarThresholdPayload> {
+  return {
+    80: { accent: 'warning', tooltip },
+    90: { accent: 'danger', tooltip },
+    default: {},
+  }
+}
+
+export function cpuProgressThresholds(tooltip?: string): ThresholdConfig<ProgressBarThresholdPayload> {
+  return {
+    100: { accent: 'warning', tooltip },
+    300: { accent: 'danger', tooltip },
+    default: {},
+  }
+}
+
+export function useProgressToLegend(
+  rawType: MaybeRefOrGetter<ProgressBarLegendType | undefined>
+): (label: string, progress: Progress | Reactive<Progress>) => ProgressBarLegend | undefined
+
+export function useProgressToLegend(
+  rawType: MaybeRefOrGetter<ProgressBarLegendType | undefined>,
+  label: string,
+  progress: Progress | Reactive<Progress>
+): ComputedRef<ProgressBarLegend | undefined>
+
+export function useProgressToLegend(
+  rawType: MaybeRefOrGetter<ProgressBarLegendType | undefined>,
+  label?: string,
+  progress?: Progress | Reactive<Progress>
+) {
+  const { n } = useI18n()
+
+  const type = computed(() => toValue(rawType))
+
+  function toLegend(label: string, progress: Progress | Reactive<Progress>): ProgressBarLegend | undefined {
+    switch (type.value) {
+      case 'percent':
+        return { label, value: n(toValue(progress.percentage) / 100, { maximumFractionDigits: 1, style: 'percent' }) }
+      case 'bytes':
+        return { label, value: formatSize(toValue(progress.current), 0) }
+      case 'bytes-with-total':
+        return {
+          label,
+          value: `${formatSize(toValue(progress.current), 0)} / ${formatSize(toValue(progress.total), 1)}`,
+        }
+      case 'value':
+        return { label, value: n(toValue(progress.current)) }
+      case 'value-with-total':
+        return { label, value: `${n(toValue(progress.current))} / ${n(toValue(progress.total))}` }
+      default:
+        return undefined
+    }
+  }
+
+  if (label && progress) {
+    return computed(() => toLegend(label, progress))
+  }
+
+  return toLegend
+}

package/lib/utils/size.util.ts

@@ -39,3 +39,9 @@ export const formatSizeParse = (size: number | undefined, unit?: string) => {
 
   return result
 }
+
+export function formatSize(bytes: number, decimals: number): string {
+  const { value, prefix } = formatSizeRaw(bytes, decimals)
+
+  return `${value} ${prefix}`
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xen-orchestra/web-core",
   "type": "module",
-  "version": "0.28.0",
+  "version": "0.30.0",
   "private": false,
   "exports": {
     "./*": {

package/lib/components/state-hero/VtsAllDoneHero.vue

@@ -1,16 +0,0 @@
-<template>
-  <VtsStateHero :type class="vts-all-done-hero" image="all-done">
-    {{ t('all-done') }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsAllGoodHero.vue

@@ -1,16 +0,0 @@
-<template>
-  <VtsStateHero :type class="vts-all-good-hero" image="all-good">
-    {{ t('all-good') }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsComingSoonHero.vue

@@ -1,16 +0,0 @@
-<template>
-  <VtsStateHero :type class="vts-coming-soon-hero" image="under-construction">
-    {{ t('coming-soon') }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsErrorNoDataHero.vue

@@ -1,14 +0,0 @@
-<template>
-  <VtsStateHero class="vts-error-hero" image="error" :type>{{ t('error-no-data') }}</VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsLoadingHero.vue

@@ -1,57 +0,0 @@
-<template>
-  <div class="vts-loading-hero">
-    <VtsStateHero :type busy>
-      {{ t('loading-in-progress') }}
-    </VtsStateHero>
-    <div v-if="slots.title || slots.text" class="content">
-      <div v-if="slots.title" class="title" :class="className">
-        <slot name="title" />
-      </div>
-      <div v-if="slots.text" class="text typo-body-bold">
-        <slot name="text" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
-
-const { type } = defineProps<{
-  type: StateHeroType
-}>()
-
-const slots = defineSlots<{
-  title?(): any
-  text?(): any
-}>()
-
-const { t } = useI18n()
-
-const className = computed(() => (type === 'page' ? 'typo-h1' : 'typo-h2'))
-</script>
-
-<style lang="postcss" scoped>
-.vts-loading-hero {
-  display: flex;
-  flex-direction: column;
-  gap: 1.6rem;
-
-  .content {
-    display: flex;
-    flex-direction: column;
-    gap: 2.4rem;
-    text-align: center;
-
-    .title {
-      color: var(--color-neutral-txt-primary);
-    }
-
-    .text {
-      color: var(--color-neutral-txt-secondary);
-    }
-  }
-}
-</style>

package/lib/components/state-hero/VtsNoDataHero.vue

@@ -1,14 +0,0 @@
-<template>
-  <VtsStateHero class="vts-no-data-hero" image="no-data" :type>{{ t('no-data') }}</VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsNoSelectionHero.vue

@@ -1,16 +0,0 @@
-<template>
-  <VtsStateHero :type class="vts-no-selection-hero" image="no-selection">
-    {{ t('select-to-see-details') }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsObjectNotFoundHero.vue

@@ -1,17 +0,0 @@
-<template>
-  <VtsStateHero class="vts-object-not-found-hero" image="no-result" :type>
-    {{ t('object-not-found', { id }) }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  id: string
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>

package/lib/components/state-hero/VtsOfflineHero.vue

@@ -1,16 +0,0 @@
-<template>
-  <VtsStateHero :type class="vts-offline-hero" image="offline">
-    {{ t('offline') }}
-  </VtsStateHero>
-</template>
-
-<script lang="ts" setup>
-import VtsStateHero, { type StateHeroType } from '@core/components/state-hero/VtsStateHero.vue'
-import { useI18n } from 'vue-i18n'
-
-defineProps<{
-  type: StateHeroType
-}>()
-
-const { t } = useI18n()
-</script>