Vue3 migration - vue-migration.js launch + shell compatibility fixes

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>
This commit is contained in:
Francesco Torchia
2024-10-23 17:00:51 +02:00
parent 9613ada5a7
commit aba9c167e0
150 changed files with 2297 additions and 2244 deletions
@@ -92,7 +92,7 @@ export default {
</script>
<template>
<div class="disk" @input="update">
<div class="disk" @update:value="update">
<Banner
v-if="mountedMessage"
color="error"
@@ -107,7 +107,7 @@ export default {
>
<template #value>
<div class="mt-5">
<Tag v-for="(prop, key) in value.tags" :key="key + prop" class="mr-5">
<Tag v-for="(prop, key) in value.tags" :key="key">
{{ prop }}
</Tag>
</div>
@@ -57,9 +57,7 @@ export default {
<div>
<div v-if="inventory.warningMessages.length > 0">
<Banner
v-for="msg in inventory.warningMessages"
:key="msg.text"
color="error"
v-for="(msg, i) in inventory.warningMessages" :key="i" color="error"
:label="msg.text"
/>
</div>
@@ -117,7 +115,7 @@ export default {
>
<div class="col span-6">
<RadioGroup
v-model="enableInventory"
v-model:value="enableInventory"
:options="[
{ label: t('generic.enabled'), value: true },
{ label: t('generic.disabled'), value: false }
@@ -102,9 +102,9 @@ export default {
default-sort-by="age"
:rows="rows"
key-field="_key"
v-on="$listeners"
>
<template slot="cell:state" slot-scope="scope">
<template cell:state="scope">
<div class="state">
<HarvesterVmState class="vmstate" :row="scope.row" :all-cluster-network="allClusterNetwork" />
</div>
@@ -116,11 +116,11 @@ export default {
<style lang="scss" scoped>
#host-instances {
::v-deep thead th {
:deep() thead th {
vertical-align: middle;
}
::v-deep .state {
:deep() .state {
display: flex;
.vmstate {
@@ -87,7 +87,7 @@ export default {
<div class="row mt-20">
<div class="col span-12">
<ArrayListGrouped
v-model="linkStatus"
v-model:value="linkStatus"
:mode="mode"
:can-remove="false"
>
@@ -378,7 +378,7 @@ export default {
>
<Tab name="basics" :label="t('harvester.host.tabs.basics')" :weight="4" class="bordered-table">
<Basic
v-model="value"
v-model:value="value"
:metrics="metrics"
:mode="mode"
/>
@@ -394,9 +394,7 @@ export default {
class="bordered-table"
>
<InfoBox
v-for="vlan in vlanStatuses"
:key="vlan.id"
>
v-for="(vlan, i) in vlanStatuses" :key="i" >
<VlanStatus
:value="vlan"
:mode="mode"
@@ -420,7 +418,7 @@ export default {
>
<template #value>
<div class="mt-5">
<Tag v-for="(prop, key) in longhornNode.spec.tags" :key="key + prop" class="mr-5">
<Tag v-for="(prop, key) in longhornNode.spec.tags" :key="key">
{{ prop }}
</Tag>
</div>
@@ -429,14 +427,14 @@ export default {
</div>
</div>
<ArrayListGrouped
v-model="newDisks"
v-model:value="newDisks"
:mode="mode"
:can-remove="false"
:initial-empty-row="false"
>
<template #default="props">
<Disk
v-model="props.row.value"
v-model:value="props.row.value"
class="mb-20"
:mode="mode"
:disks="disks"
@@ -158,7 +158,7 @@ export default {
<template>
<ResourceTabs
v-model="value"
v-model:value="value"
:need-events="false"
:need-related="false"
:mode="mode"
@@ -255,9 +255,7 @@ export default {
<div v-else>
<div
v-for="(row,idx) in parsedRows"
:key="idx"
class="entry"
v-for="(row,idx) in parsedRows" :key="idx"class="entry"
>
<DetailText
:value="row.value"
@@ -154,7 +154,7 @@ export default {
<template #value>
<div>
<ul>
<li v-for="(disk) in disks" :key="disk.bootOrder">
<li v-for="(disk, i) in disks" :key="i" >
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
</li>
</ul>
@@ -167,7 +167,7 @@ export default {
<template #value>
<div>
<ul v-if="cdroms.length > 0">
<li v-for="(rom) in cdroms" :key="rom.name">
<li v-for="(rom, i) in cdroms" :key="i" >
{{ rom.name }}
</li>
</ul>
@@ -186,7 +186,7 @@ export default {
:label="t('harvester.tab.volume')"
:weight="-1"
>
<Volume v-model="diskRows" :mode="mode" />
<Volume v-model:value="diskRows" :mode="mode" />
</Tab>
<Tab
@@ -194,11 +194,11 @@ export default {
:label="t('harvester.tab.network')"
:weight="-2"
>
<Network v-model="networkRows" :mode="mode" />
<Network v-model:value="networkRows" :mode="mode" />
</Tab>
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
<OverviewKeypairs v-if="vm" v-model="vm" />
<OverviewKeypairs v-if="vm" v-model:value="vm" />
</Tab>
<Tab
@@ -214,7 +214,7 @@ export default {
/>
<div class="spacer"></div>
<Checkbox v-model="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
<Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
</Tab>
</Tabbed>
</CruResource>
@@ -124,7 +124,7 @@ export default {
class="bordered-table"
>
<Storage
v-model="value.spec.storageClassParameters"
v-model:value="value.spec.storageClassParameters"
/>
</Tab>
</Tabbed>
@@ -154,7 +154,7 @@ export default {
<template #value>
<div>
<ul>
<li v-for="(disk) in disks" :key="disk.bootOrder">
<li v-for="(disk, i) in disks" :key="i" >
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
</li>
</ul>
@@ -167,7 +167,7 @@ export default {
<template #value>
<div>
<ul v-if="cdroms.length > 0">
<li v-for="(rom) in cdroms" :key="rom.name">
<li v-for="(rom, i) in cdroms" :key="i" >
{{ rom.name }}
</li>
</ul>
@@ -186,7 +186,7 @@ export default {
:label="t('harvester.tab.volume')"
:weight="-1"
>
<Volume v-model="diskRows" :mode="mode" />
<Volume v-model:value="diskRows" :mode="mode" />
</Tab>
<Tab
@@ -194,11 +194,11 @@ export default {
:label="t('harvester.tab.network')"
:weight="-2"
>
<Network v-model="networkRows" :mode="mode" />
<Network v-model:value="networkRows" :mode="mode" />
</Tab>
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="-3">
<OverviewKeypairs v-if="vm" v-model="vm" />
<OverviewKeypairs v-if="vm" v-model:value="vm" />
</Tab>
<Tab
@@ -214,7 +214,7 @@ export default {
/>
<div class="spacer"></div>
<Checkbox v-model="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
<Checkbox v-model:value="installUSBTablet" :mode="mode" class="check" type="checkbox" :label="t('harvester.virtualMachine.enableUsb')" />
</Tab>
</Tabbed>
</CruResource>
@@ -182,7 +182,7 @@ export default {
<div class="col span-6">
<LabelValue :name="t('harvester.virtualMachine.detail.details.ipAddress')">
<template #value>
<HarvesterIpAddress v-model="value.id" :row="value" />
<HarvesterIpAddress v-model:value="value.id" :row="value" />
</template>
</LabelValue>
</div>
@@ -201,7 +201,7 @@ export default {
<InputOrDisplay :name="t('harvester.virtualMachine.detail.details.bootOrder')" :value="disks" :mode="mode">
<template #value>
<ul>
<li v-for="(disk) in disks" :key="disk.bootOrder">
<li v-for="(disk, i) in disks" :key="i" >
{{ disk.bootOrder }}. {{ disk.name }} ({{ getDeviceType(disk) }})
</li>
</ul>
@@ -213,7 +213,7 @@ export default {
<template #value>
<div>
<ul v-if="cdroms.length > 0">
<li v-for="(rom) in cdroms" :key="rom.name">
<li v-for="(rom, i) in cdroms" :key="i" >
{{ rom.name }}
</li>
</ul>
@@ -66,7 +66,7 @@ export default {
<template>
<div class="overview-sshKeys">
<div v-for="(ssh, index) in sshKeys" :key="index" class="row overview-sshKeys__item">
<div v-for="(ssh, index) in sshKeys" :key="index">
<div class="col span-4">
{{ ssh.id }}
</div>
@@ -158,12 +158,12 @@ export default {
<div>
<Tabbed v-bind="$attrs" class="mt-15" :side-tabs="true" @changed="onTabChanged">
<Tab name="basics" :label="t('harvester.virtualMachine.detail.tabs.basics')" class="bordered-table" :weight="7">
<OverviewBasics v-model="value" :vmi="vmi" mode="view" />
<OverviewBasics v-model:value="value" :vmi="vmi" mode="view" />
</Tab>
<Tab name="disks" :label="t('harvester.tab.volume')" class="bordered-table" :weight="6">
<Volume
v-model="diskRows"
v-model:value="diskRows"
mode="view"
:namespace="value.metadata.namespace"
:vm="value"
@@ -172,11 +172,11 @@ export default {
</Tab>
<Tab name="networks" :label="t('harvester.virtualMachine.detail.tabs.networks')" class="bordered-table" :weight="5">
<Network v-model="networkRows" mode="view" />
<Network v-model:value="networkRows" mode="view" />
</Tab>
<Tab name="keypairs" :label="t('harvester.virtualMachine.detail.tabs.keypairs')" class="bordered-table" :weight="3">
<OverviewKeypairs v-model="value" />
<OverviewKeypairs v-model:value="value" />
</Tab>
<Tab
@@ -235,7 +235,7 @@ export default {
</Tab>
<Tab name="migration" :label="t('harvester.virtualMachine.detail.tabs.migration')">
<Migration v-model="value" :vmi-resource="vmi" />
<Migration v-model:value="value" :vmi-resource="vmi" />
</Tab>
<Tab
@@ -261,7 +261,7 @@ export default {
:mode="mode"
:read-allowed="false"
:value-can-be-empty="true"
@input="value.setInstanceLabels($event)"
@update:value="value.setInstanceLabels($event)"
/>
</template>
</Labels>
@@ -71,7 +71,7 @@ export default {
<template>
<ResourceTabs
v-model="value"
v-model:value="value"
:need-related="false"
>
<Tab
@@ -119,7 +119,7 @@ export default {
<template>
<ResourceTabs
v-model="value"
v-model:value="value"
:need-related="false"
>
<Tab
@@ -69,7 +69,7 @@ export default {
<template>
<ResourceTabs
v-model="value"
v-model:value="value"
:need-related="false"
>
<Tab