bfg-common 1.5.118 → 1.5.120

package/CODE_STYLE.md

@@ -1,109 +1,109 @@
-![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
-## Javascript
-
-### Название переменных
-
-Используем camelCase:
-```javascript
-const theExample = 0
-```
-
-Название переменных должно быть содержательным:
-```javascript
-const desc = 'some description' // Плохо
-
-const description = 'some description' // Хорошо
-```
-
-Если переменная типа boolean, используем префиксы is или has:
-```javascript
-const isDisabled = true
-
-const hasName = false
-```
-
-Приоритетно используем стрелочные функции:
-```javascript
-const example = () => {...}
-```
-
----
-
-![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
-## Typescript
-
-### Interface
-Название интерфейсов начинаем с префикса **I_** (также есть **API_**, **UI_**, подробно об этом написано в файле PROJECT_STRUCTURE.md):
-```typescript
-interface I_Example
-```
-
-### Type
-Название типов начинаем с префикса **T_**:
-```typescript
-type T_Example
-```
-
-### Enum
-Название enum начинаем с префикса **E_**:
-```typescript
-enum E_Example
-```
-
-P.S. Нужно писать как можно более понятные типы.
-
----
-
-![Vue.js](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D)
-## Vue
-
-### Название тегов
-Используем kebab-case:
-```html
-<the-button>Button</the-button>
-```
-
-### Название тега
-Название тега не должно состоять из одного слова:
-```html
-<example></example> // Плохо
-
-<the-example></the-example> // Хорошо
-```
-
-### Использование "the" в названии тега 
-Если название тега, к примеру, icon, должно быть так:
-```html
-<the-icon></the-icon>
-```
-
-### Использование самозакрывающихся тегов
-Если в тег ничего не передаем, то используем его как самозакрывающийся:
-```html
-<the-icon/>
-```
-
-### Props / Emits
-Props пишем в kebab-case:
-```html
-<the-example my-name="Name"/>
-```
-
-Emits пишем в kebab-case, ключ первого аргумента всегда "event", а второго - "value":
-```javascript
-const emits = defineEmits<{
-  (event: 'change-name', value: string): void
-}>()
-``` 
-
-### Composition API
-Так как у нас используется Composition API, нужно весь код группировать по блокам:
-```javascript
-const isShowModal = ref<boolean>(false)
-const toggleModal = (): void => isShowModal.value = !isShowModal.value
-
-const errors = ref<string[]>([])
-const updateErrors = (newErrors: string[]): void => {
-    errors.value = newErrors
-}
-``` 
+![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)
+## Javascript
+
+### Название переменных
+
+Используем camelCase:
+```javascript
+const theExample = 0
+```
+
+Название переменных должно быть содержательным:
+```javascript
+const desc = 'some description' // Плохо
+
+const description = 'some description' // Хорошо
+```
+
+Если переменная типа boolean, используем префиксы is или has:
+```javascript
+const isDisabled = true
+
+const hasName = false
+```
+
+Приоритетно используем стрелочные функции:
+```javascript
+const example = () => {...}
+```
+
+---
+
+![TypeScript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
+## Typescript
+
+### Interface
+Название интерфейсов начинаем с префикса **I_** (также есть **API_**, **UI_**, подробно об этом написано в файле PROJECT_STRUCTURE.md):
+```typescript
+interface I_Example
+```
+
+### Type
+Название типов начинаем с префикса **T_**:
+```typescript
+type T_Example
+```
+
+### Enum
+Название enum начинаем с префикса **E_**:
+```typescript
+enum E_Example
+```
+
+P.S. Нужно писать как можно более понятные типы.
+
+---
+
+![Vue.js](https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vue.js&logoColor=4FC08D)
+## Vue
+
+### Название тегов
+Используем kebab-case:
+```html
+<the-button>Button</the-button>
+```
+
+### Название тега
+Название тега не должно состоять из одного слова:
+```html
+<example></example> // Плохо
+
+<the-example></the-example> // Хорошо
+```
+
+### Использование "the" в названии тега 
+Если название тега, к примеру, icon, должно быть так:
+```html
+<the-icon></the-icon>
+```
+
+### Использование самозакрывающихся тегов
+Если в тег ничего не передаем, то используем его как самозакрывающийся:
+```html
+<the-icon/>
+```
+
+### Props / Emits
+Props пишем в kebab-case:
+```html
+<the-example my-name="Name"/>
+```
+
+Emits пишем в kebab-case, ключ первого аргумента всегда "event", а второго - "value":
+```javascript
+const emits = defineEmits<{
+  (event: 'change-name', value: string): void
+}>()
+``` 
+
+### Composition API
+Так как у нас используется Composition API, нужно весь код группировать по блокам:
+```javascript
+const isShowModal = ref<boolean>(false)
+const toggleModal = (): void => isShowModal.value = !isShowModal.value
+
+const errors = ref<string[]>([])
+const updateErrors = (newErrors: string[]): void => {
+    errors.value = newErrors
+}
+``` 

package/assets/localization/local_be.json

@@ -2336,7 +2336,8 @@
     "incompleteProcessMessage": "Хочаце пакінуць гэтую старонку? Ваш прагрэс будзе страчаны, і вам трэба будзе пачаць спачатку.",
     "notAvailable": "Не даступны",
     "strict": "Строгі",
-    "incorrectOrMissingValuesBelow": "Ніжэй ёсць няправільныя альбо адсутнічаюць значэнні"
+    "incorrectOrMissingValuesBelow": "Ніжэй ёсць няправільныя альбо адсутнічаюць значэнні",
+    "vmtVersioningDesc": "Інфармацыя аб версіях даступная толькі для шаблонаў у апублікаванай або лакальнай бібліятэцы кантэнту. Каб дадаць шаблон у існуючую бібліятэку кантэнту, выберыце віртуальную машыну і абярыце «Кланаваць як шаблон у бібліятэку»."
   },
   "auth": {
     "welcomeTo": "Сардэчна запрашаем у",
@@ -2516,7 +2517,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "Магутнасць",
-    "browseFiles": "Агляд файлаў"
+    "browseFiles": "Агляд файлаў",
+    "newVMFromThisTemplate": "Новая віртуальная машына з гэтага шаблону",
+    "convertToVirtualMachine": "Пераўтварыць у віртуальную машыну",
+    "cloneToLibrary": "Клонаваць у бібліятэку",
+    "tagsCustomAttributes": "Тэгі і карыстальніцкія атрыбуты",
+    "alarms": "Сігналізацыя",
+    "noActionsAvailable": "Дзеянні недаступныя"
   },
   "networks": {
     "active_ports": "Актыўныя Парты",
@@ -2798,7 +2805,9 @@
     "files": "Файлы",
     "snapshots": "Здымкі",
     "backups": "Рэзервовыя копіі",
-    "buckets": "Кантэйнеры"
+    "buckets": "Кантэйнеры",
+    "versioning": "Стварэнне версій",
+    "updates": "Абнаўленні"
   },
   "snapshots": {
     "deleteAllSnapshots": "Выдаліць усе здымкі",

package/assets/localization/local_en.json

@@ -2340,7 +2340,8 @@
     "incompleteProcessMessage": "Are you sure you want to leave this page? Your progress will be lost, and you’ll need to start over.",
     "notAvailable": "Not Available",
     "strict": "Strict",
-    "incorrectOrMissingValuesBelow": "There are incorrect or missing values below"
+    "incorrectOrMissingValuesBelow": "There are incorrect or missing values below",
+    "vmtVersioningDesc": "Versioning information is only available for templates in a Published or Local Content Library. To add a template to an existing content library, select a VM and select \"Clone as Template to Library\"."
   },
   "auth": {
     "welcomeTo": "Welcome to",
@@ -2520,7 +2521,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "Power",
-    "browseFiles": "Browse Files"
+    "browseFiles": "Browse Files",
+    "newVMFromThisTemplate": "New VM from This Template",
+    "convertToVirtualMachine": "Convert to Virtual Machine",
+    "cloneToLibrary": "Clone to Library",
+    "tagsCustomAttributes": "Tags & Custom Attributes",
+    "alarms": "Alarms",
+    "noActionsAvailable": "No actions available"
   },
   "networks": {
     "active_ports": "Active ports",
@@ -2802,7 +2809,9 @@
     "files": "Files",
     "snapshots": "Snapshots",
     "backups": "Backups",
-    "buckets": "Buckets"
+    "buckets": "Buckets",
+    "versioning": "Versioning",
+    "updates": "Updates"
   },
   "snapshots": {
     "deleteAllSnapshots": "Delete All Snapshots",

package/assets/localization/local_hy.json

@@ -2340,7 +2340,8 @@
     "incompleteProcessMessage": "Վստա՞հ եք, որ ցանկանում եք լքել այս էջը: Ձեր առաջընթացը կկորչի, և դուք պետք է նորից սկսեք:",
     "notAvailable": "Հասանելի չէ",
     "strict": "Խիստ",
-    "incorrectOrMissingValuesBelow": "Ստորեւ կան սխալ կամ բացակայող արժեքներ"
+    "incorrectOrMissingValuesBelow": "Ստորեւ կան սխալ կամ բացակայող արժեքներ",
+    "vmtVersioningDesc": "Տարբերակների վերաբերյալ տեղեկատվությունը հասանելի է միայն Հրապարակված կամ Տեղական բովանդակության գրադարանում գտնվող ձևանմուշների համար: Գոյություն ունեցող բովանդակության գրադարանում ձևանմուշ ավելացնելու համար ընտրեք վիրտուալ մեքենա և ընտրեք «Կլոնավորել որպես ձևանմուշ գրադարանում»:"
   },
   "auth": {
     "welcomeTo": "Բարի գալուստ",
@@ -2520,7 +2521,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "Հզորությունը",
-    "browseFiles": "Թերթել ֆայլերը"
+    "browseFiles": "Թերթել ֆայլերը",
+    "newVMFromThisTemplate": "Նոր վիրտուալ մեքենա այս ձևանմուշից",
+    "convertToVirtualMachine": "Փոխարկել վիրտուալ մեքենայի",
+    "cloneToLibrary": "Կլոնավորել գրադարանում",
+    "tagsCustomAttributes": "Թեգեր և հատուկ ատրիբուտներ",
+    "alarms": "Զարթուցիչներ",
+    "noActionsAvailable": "Գործողություններ հասանելի չեն"
   },
   "networks": {
     "active_ports": "Ակտիվ պորտեր",
@@ -2802,7 +2809,9 @@
     "files": "Ֆայլեր",
     "snapshots": "Նկարներ",
     "backups": "Կրկնօրինակումներ",
-    "buckets": "Տարաներ"
+    "buckets": "Տարաներ",
+    "versioning": "Տարբերակում",
+    "updates": "Հավելումներ"
   },
   "snapshots": {
     "deleteAllSnapshots": "Ջնջել բոլոր նկարները",

package/assets/localization/local_kk.json

@@ -2339,7 +2339,8 @@
     "incompleteProcessMessage": "Сіз бұл беттен кеткіңіз келетініне сенімдісіз бе? Сіздің жетістіктеріңіз жоғалады және сіз бәрін басынан бастауыңыз керек.",
     "notAvailable": "Жоқ",
     "strict": "Қатал",
-    "incorrectOrMissingValuesBelow": "Төменде дұрыс емес немесе жоқ мәндер бар"
+    "incorrectOrMissingValuesBelow": "Төменде дұрыс емес немесе жоқ мәндер бар",
+    "vmtVersioningDesc": "Нұсқалау туралы ақпарат жарияланған немесе жергілікті мазмұн кітапханасындағы үлгілер үшін ғана қолжетімді. Бар мазмұн кітапханасына үлгі қосу үшін VM таңдаңыз және \"Кітапханаға үлгі ретінде клондау\" опциясын таңдаңыз."
   },
   "auth": {
     "welcomeTo": "Қош келдіңіз",
@@ -2519,7 +2520,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "Магутнасттар",
-    "browseFiles": "Файлдарды шолыңыз"
+    "browseFiles": "Файлдарды шолыңыз",
+    "newVMFromThisTemplate": "Бұл үлгідегі жаңа VM",
+    "convertToVirtualMachine": "Виртуалды машинаға түрлендіру",
+    "cloneToLibrary": "Кітапханаға клондау",
+    "tagsCustomAttributes": "Тегтер және теңшелетін төлсипаттар",
+    "alarms": "Дабылдар",
+    "noActionsAvailable": "Қолжетімсіз әрекеттер"
   },
   "networks": {
     "active_ports": "Белсенді порттар",
@@ -2801,7 +2808,9 @@
     "files": "Файлдар",
     "snapshots": "Здымки",
     "backups": "Сақтық көшірмелер",
-    "buckets": "Шелектер"
+    "buckets": "Шелектер",
+    "versioning": "Нұсқа жасау",
+    "updates": "Қосымшалар"
   },
   "snapshots": {
     "deleteAllSnapshots": "Vydalіts мұртты zdymki",

package/assets/localization/local_ru.json

@@ -1986,7 +1986,7 @@
     "datastoreConnectionStatus": "Статус подключения к хранилищу данных",
     "ioLoadBalanceCapable": "Возможность балансировки нагрузки ввода-вывода",
     "useClusterSettings": "Использовать настройки кластера",
-    "optional": "Необязательный",
+    "optional": "необязательное",
     "selectOffPeakHoursBackupSchedulesMinimizeEndUserImpact": "Выбирайте для расписания резервного копирования непиковые часы, чтобы свести к минимуму влияние на конечного пользователя.",
     "addSchedule": "Добавить расписание",
     "weekM": "ПН",
@@ -2341,7 +2341,8 @@
     "incompleteProcessMessage": "Вы уверены, что хотите покинуть эту страницу? Ваш прогресс будет потерян, и вам нужно будет начать сначала.",
     "notAvailable": "Не доступен",
     "strict": "Строгий",
-    "incorrectOrMissingValuesBelow": "Есть неверные или отсутствующие значения ниже"
+    "incorrectOrMissingValuesBelow": "Есть неверные или отсутствующие значения ниже",
+    "vmtVersioningDesc": "Информация о версиях доступна только для шаблонов в опубликованной или локальной библиотеке контента. Чтобы добавить шаблон в существующую библиотеку контента, выберите виртуальную машину и выберите «Клонировать как шаблон в библиотеку»."
   },
   "auth": {
     "welcomeTo": "Добро пожаловать в",
@@ -2521,7 +2522,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "Питание",
-    "browseFiles": "Просмотреть файлы"
+    "browseFiles": "Просмотреть файлы",
+    "newVMFromThisTemplate": "Новая виртуальная машина из этого шаблона",
+    "convertToVirtualMachine": "Преобразовать в виртуальную машину",
+    "cloneToLibrary": "Клонировать в библиотеку",
+    "tagsCustomAttributes": "Теги и пользовательские атрибуты",
+    "alarms": "Предупреждения",
+    "noActionsAvailable": "Нет доступных действий"
   },
   "networks": {
     "active_ports": "Активные порты",
@@ -2803,7 +2810,9 @@
     "files": "Файлы",
     "snapshots": "Снимки",
     "backups": "Резервные копии",
-    "buckets": "Контейнеры"
+    "buckets": "Контейнеры",
+    "versioning": "Управление версиями",
+    "updates": "Загрузить обновления"
   },
   "snapshots": {
     "deleteAllSnapshots": "Удалить все снимки",

package/assets/localization/local_zh.json

@@ -2337,7 +2337,8 @@
     "incompleteProcessMessage": "你确定要离开这一页吗？ 你的进步将丢失，你需要重新开始。",
     "notAvailable": "暂时没有",
     "strict": "严格的",
-    "incorrectOrMissingValuesBelow": "下面有不正确或丢失的值"
+    "incorrectOrMissingValuesBelow": "下面有不正确或丢失的值",
+    "vmtVersioningDesc": "版本信息仅适用于已发布或本地内容库中的模板。要将模板添加到现有内容库，请选择虚拟机，然后选择“将模板克隆到库”。"
   },
   "auth": {
     "welcomeTo": "欢迎来到",
@@ -2517,7 +2518,13 @@
   },
   "contextMenu": {
     "actionsMenuPower": "力量",
-    "browseFiles": "浏览文件"
+    "browseFiles": "浏览文件",
+    "newVMFromThisTemplate": "从此模板新建虚拟机",
+    "convertToVirtualMachine": "转换为虚拟机",
+    "cloneToLibrary": "克隆到库",
+    "tagsCustomAttributes": "标签和自定义属性",
+    "alarms": "警报",
+    "noActionsAvailable": "没有可用的操作"
   },
   "networks": {
     "active_ports": "活动端口",
@@ -2799,7 +2806,9 @@
     "files": "文件",
     "snapshots": "快照",
     "backups": "备份",
-    "buckets": "水桶"
+    "buckets": "水桶",
+    "versioning": "版本控制",
+    "updates": "插件"
   },
   "snapshots": {
     "deleteAllSnapshots": "删除所有照片",

package/assets/scss/common/icons/icons-1.scss

@@ -116,6 +116,15 @@
 .storage-ui-icon-browse-file {
   background-position: 0 30.3797468354%;
 }
+.clone-to-template {
+  background-position: 0 46.8%;
+}
+.clone-to-library {
+  background-position: 0 49.36%;
+}
+.vm-from-template-icon {
+  background-position: 0 70.9%;
+}
 
 /* _____BACKGROUND IMAGE_____ */
 .host-ui-icon-certificate,
@@ -156,6 +165,9 @@
 .network-lib-ui-icon-statusGreen,
 .vsphere-icon-clock-line,
 .storage-ui-icon-browse-file,
+.vm-from-template-icon,
+.clone-to-template,
+.clone-to-library,
 .network-lib-ui-icon-statusRed {
   background-image: url('@/assets/img/icons/icons-sprite-light-1.svg');
 
@@ -199,6 +211,9 @@
 .active .network-lib-ui-icon-statusGreen,
 .active .vsphere-icon-clock-line,
 .active .storage-ui-icon-browse-file,
+.active .vm-from-template-icon,
+.active .clone-to-template,
+.active .clone-to-library,
 .active .network-lib-ui-icon-statusRed {
   background-image: url('@/assets/img/icons/icons-sprite-dark-1.svg');
   html.dark-theme & {
@@ -251,6 +266,9 @@
 .network-lib-ui-icon-statusGreen,
 .vsphere-icon-clock-line,
 .storage-ui-icon-browse-file,
+.vm-from-template-icon,
+.clone-to-template,
+.clone-to-library,
 .network-lib-ui-icon-statusRed,
 .icon-Host_Policy-32x {
   display: inline-block;

package/assets/scss/common/icons/icons-6.scss

@@ -65,6 +65,9 @@
 .icon-sessions {
   background-position: 0 87.5%;
 }
+.icon-server {
+  background-position: 0 91.8%;
+}
 .icon-add-permission {
   background-position: 0 99.8%;
 }
@@ -91,6 +94,7 @@
 .icon-backup-restore,
 .icon-sensors,
 .icon-sessions,
+.icon-server,
 .icon-add-permission,
 .icon-workload-management {
   background-image: url('../img/icons/icons-sprite-light-6.svg');
@@ -120,6 +124,7 @@
 .active .icon-backup-restore,
 .active .icon-sensors,
 .active .icon-sessions,
+.active .icon-server,
 .active .icon-add-permission,
 .active .icon-workload-management {
   background-image: url('../img/icons/icons-sprite-dark-6.svg');
@@ -151,6 +156,7 @@
 .icon-backup-restore,
 .icon-sensors,
 .icon-sessions,
+.icon-server,
 .icon-add-permission,
 .icon-workload-management {
   display: inline-block;

package/components/atoms/TheIcon.vue

@@ -38,11 +38,7 @@
     </svg>
   </template>
   <template v-else-if="props.name === 'reset'">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="none"
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
       <path
         fill-rule="evenodd"
         clip-rule="evenodd"
@@ -3098,6 +3094,99 @@
       </defs>
     </svg>
   </template>
+
+  <template v-else-if="props.name === 'obj-vmt'">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="80"
+      height="80"
+      viewBox="0 0 80 80"
+      fill="none"
+    >
+      <rect
+        x="4"
+        y="6.57007"
+        width="51.4286"
+        height="41.1429"
+        rx="4"
+        fill="url(#paint0_linear_686_820)"
+      />
+      <rect
+        x="4"
+        y="6.57007"
+        width="51.4286"
+        height="41.1429"
+        rx="4"
+        fill="white"
+        fill-opacity="0.32"
+      />
+      <rect
+        x="14.2856"
+        y="18.9128"
+        width="51.4286"
+        height="41.1429"
+        rx="4"
+        fill="url(#paint1_linear_686_820)"
+      />
+      <rect
+        x="14.2856"
+        y="18.9128"
+        width="51.4286"
+        height="41.1429"
+        rx="4"
+        fill="white"
+        fill-opacity="0.12"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M28.5713 32.2844C26.3622 32.2844 24.5713 34.0753 24.5713 36.2844V69.4273C24.5713 71.6364 26.3621 73.4273 28.5713 73.4273H71.9999C74.209 73.4273 75.9999 71.6364 75.9999 69.4273V36.2844C75.9999 34.0753 74.209 32.2844 71.9999 32.2844H28.5713ZM34.8571 61.1272C34.0287 61.1272 33.3571 61.7988 33.3571 62.6272C33.3571 63.4556 34.0287 64.1272 34.8571 64.1272H65.7143C66.5427 64.1272 67.2143 63.4556 67.2143 62.6272C67.2143 61.7988 66.5427 61.1272 65.7143 61.1272H34.8571Z"
+        fill="url(#paint2_linear_686_820)"
+      />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M28.5713 32.2844C26.3622 32.2844 24.5713 34.0753 24.5713 36.2844V69.4273C24.5713 71.6364 26.3621 73.4273 28.5713 73.4273H71.9999C74.209 73.4273 75.9999 71.6364 75.9999 69.4273V36.2844C75.9999 34.0753 74.209 32.2844 71.9999 32.2844H28.5713ZM34.8571 61.1272C34.0287 61.1272 33.3571 61.7988 33.3571 62.6272C33.3571 63.4556 34.0287 64.1272 34.8571 64.1272H65.7143C66.5427 64.1272 67.2143 63.4556 67.2143 62.6272C67.2143 61.7988 66.5427 61.1272 65.7143 61.1272H34.8571Z"
+        fill="white"
+        fill-opacity="0.08"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_686_820"
+          x1="3.71435"
+          y1="47.6572"
+          x2="54.0317"
+          y2="18.7302"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_686_820"
+          x1="14"
+          y1="60"
+          x2="64.3173"
+          y2="31.073"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#189FE3" />
+          <stop offset="1" stop-color="#8DD9FF" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_686_820"
+          x1="75.9999"
+          y1="73.4273"
+          x2="48.2421"
+          y2="85.7227"
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stop-color="#26B7FF" />
+          <stop offset="1" stop-color="#0085C7" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </template>
 </template>
 
 <script setup lang="ts">