Fix slots-template issue in all dialog components

Signed-off-by: Francesco Torchia <francesco.torchia@suse.com>

pkg/harvester/dialog/CloneVmDialog.vue

@@ -104,7 +104,7 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions class="actions">
       <div class="buttons">
         <button class="btn role-secondary mr-10" @click="close">
           {{ t('generic.cancel') }}
@@ -119,7 +119,7 @@ export default {
       </div>
 
       <Banner v-for="(err, i) in errors" :key="i"/>
-    </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/ConfirmRelatedToRemoveDialog.vue

@@ -132,10 +132,14 @@ export default {
 
 <template>
   <Card class="prompt-related" :show-highlight-border="false">
-    <h4 slot="title" class="text-default-text">
+    <template #title>
+      <h4 class="text-default-text">
         {{ t('promptRemove.title') }}
       </h4>
-    <div slot="body" class="pl-10 pr-10">
+    </template>
+
+    <template #body>
+      <div class="pl-10 pr-10">
         <span
           v-clean-html="t(warningMessageKey, { type, names: resourceNames }, true)"
         ></span>
@@ -154,6 +158,8 @@ export default {
         </div>
         <Banner v-for="(error, i) in errors" :key="i"/>
       </div>
+    </template>
+
     <template #actions>
       <button class="btn role-secondary mr-10" @click="close">
         {{ t('generic.cancel') }}

pkg/harvester/dialog/DeepCloneVmDialog.vue

@@ -104,7 +104,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -120,6 +121,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/EnablePassthrough.vue

@@ -85,17 +85,19 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
+    <template #title>
       <h4
-      slot="title"
         v-clean-html="t('promptRemove.title')"
         class="text-default-text"
       />
+    </template>
 
     <template #body>
       {{ t('harvester.pci.enablePassthroughWarning') }}
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -104,6 +106,7 @@ export default {
           <AsyncButton mode="enable" @click="save" />
         </div>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/EnableSriovDevice.vue

@@ -67,7 +67,7 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
-    <template v-slot:title>
+    <template #title>
       <h4
         v-clean-html="t('promptRemove.title')"
         class="text-default-text"
@@ -84,7 +84,7 @@ export default {
       />
     </template>
 
-    <template v-slot:actions>
+    <template #actions>
       <div class="buttons actions">
         <button class="btn role-secondary mr-10" @click="close">
           {{ t('generic.cancel') }}

pkg/harvester/dialog/EnableVGpuDevice.vue

@@ -60,7 +60,7 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
-    <template v-slot:title>
+    <template #title>
       <h4
         v-clean-html="t('harvester.vgpu.enable.title')"
         class="text-default-text"
@@ -81,7 +81,7 @@ export default {
       </div>
     </template>
 
-    <template v-slot:actions>
+    <template #actions>
       <div class="buttons actions">
         <button class="btn role-secondary mr-10" @click="close">
           {{ t('generic.cancel') }}

pkg/harvester/dialog/HarvesterAddHotplugModal.vue

@@ -112,7 +112,12 @@ export default {
 
 <template>
   <Card ref="modal" name="modal" :show-highlight-border="false">
-    <h4 slot="title" v-clean-html="t('harvester.modal.hotplug.title')" class="text-default-text" />
+    <template #title>
+      <h4
+        v-clean-html="t('harvester.modal.hotplug.title')"
+        class="text-default-text"
+      />
+    </template>
 
     <template #body>
       <LabeledInput
@@ -130,7 +135,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button type="button" class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -145,6 +151,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterBackupModal.vue

@@ -90,17 +90,19 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
+    <template #title>
       <h4
-      slot="title"
         v-clean-html="t('harvester.modal.backup.addBackup')"
         class="text-default-text"
       />
+    </template>
 
     <template #body>
       <LabeledInput v-model:value="backUpName" :label="t('generic.name')" required />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -111,6 +113,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterCloneTemplate.vue

@@ -118,7 +118,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -133,6 +134,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterEjectCDROMDialog.vue

@@ -128,7 +128,8 @@ export default {
       </Banner>
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -144,6 +145,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterExportImageDialog.vue

@@ -166,7 +166,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -181,6 +182,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterMaintenanceDialog.vue

@@ -132,7 +132,8 @@ export default {
       </div>
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -144,6 +145,7 @@ export default {
           />
         </div>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterMigrationDialog.vue

@@ -153,7 +153,7 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions class="actions">
       <div class="buttons">
         <button class="btn role-secondary mr-10" @click="close">
           {{ t('generic.cancel') }}
@@ -167,7 +167,7 @@ export default {
       </div>
 
       <Banner v-for="(err, i) in errors" :key="i"/>
-    </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterQuotaDialog.vue

@@ -74,11 +74,13 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
+    <template #title>
       <h4
-      slot="title"
         v-clean-html="t('harvester.modal.quota.editQuota')"
         class="text-default-text"
       />
+    </template>
+
     <template #body>
       <Banner color="info">
         {{ t('harvester.modal.quota.bannerMessage') }}
@@ -96,7 +98,9 @@ export default {
         class="mb-20"
       />
     </template>
-    <div slot="actions" class="actions">
+
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -105,6 +109,7 @@ export default {
         </div>
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterRestoreDialog.vue

@@ -138,7 +138,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -153,6 +154,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterUnplugVolume.vue

@@ -81,13 +81,15 @@ export default {
 
 <template>
   <Card ref="modal" name="modal" :show-highlight-border="false">
+    <template #title>
       <h4
-      slot="title"
         v-clean-html="t('harvester.virtualMachine.unplug.title', { name: diskName })"
         class="text-default-text"
       />
+    </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button type="button" class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -104,6 +106,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterVMSnapshotDialog.vue

@@ -113,18 +113,20 @@ export default {
 
 <template>
   <Card :show-highlight-border="false">
+    <template #title>
       <h4
-      slot="title"
         v-clean-html="t('harvester.modal.vmSnapshot.title')"
         class="text-default-text"
       />
+    </template>
 
     <template #body>
       <LabeledInput v-model:value="actionResource.metadata.namespace" :disabled="true" :label="t('generic.namespace')" />
       <LabeledInput v-model:value="snapshotName" class="mt-20" :label="t('generic.name')" required />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -135,6 +137,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/HarvesterVlanConfigMigrateDialog.vue

@@ -109,7 +109,8 @@ export default {
       />
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -124,6 +125,7 @@ export default {
 
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/MessageBox.vue

@@ -36,24 +36,25 @@ export default {
 
 <template>
   <Card ref="modal" name="modal" :show-highlight-border="false">
-    <h4
+    <template #title>
-      slot="title"
+      <h4 class="text-default-text">
-      class="text-default-text"
-    >
         {{ t('generic.tip') }}
       </h4>
+    </template>
 
     <template #body>
       <p v-clean-html="t(modalData.contentKey)"></p>
     </template>
 
-    <div slot="actions" class="actions">
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button type="button" class="btn role-secondary mr-10" @click="ok">
             {{ t('generic.ok') }}
           </button>
         </div>
       </div>
+    </template>
   </Card>
 </template>
 

pkg/harvester/dialog/RestoreSnapshotDialog.vue

@@ -127,9 +127,11 @@ export default {
 </script>
 <template>
   <Card :show-highlight-border="false">
+
     <template #title>
       {{ t('harvester.modal.restoreSnapshot.title') }}
     </template>
+
     <template #body>
       <LabeledInput
         v-model:value="name"
@@ -145,7 +147,9 @@ export default {
         required
       />
     </template>
-    <div slot="actions" class="actions">
+
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -158,6 +162,7 @@ export default {
         </div>
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 <style lang="scss" scoped>

pkg/harvester/dialog/SnapshotDialog.vue

@@ -72,6 +72,7 @@ export default {
     <template #title>
       {{ t('harvester.modal.snapshot.title') }}
     </template>
+
     <template #body>
       <LabeledInput
         v-model:value="name"
@@ -79,7 +80,9 @@ export default {
         required
       />
     </template>
-    <div slot="actions" class="actions">
+
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -92,6 +95,7 @@ export default {
         </div>
         <Banner v-for="(err, i) in errors" :key="i" color="error" :label="err" />
       </div>
+    </template>
   </Card>
 </template>
 <style lang="scss" scoped>

pkg/harvester/dialog/VolumeCloneDialog.vue

@@ -83,6 +83,7 @@ export default {
     <template #title>
       {{ t('harvester.modal.volumeClone.title') }}
     </template>
+
     <template #body>
       <Checkbox v-model:value="cloneData" class="mb-10" label-key="harvester.modal.cloneVM.type" />
 
@@ -94,7 +95,9 @@ export default {
         required
       />
     </template>
-    <div slot="actions" class="actions">
+
+    <template #actions>
+      <div class="actions">
         <div class="buttons">
           <button class="btn role-secondary mr-10" @click="close">
             {{ t('generic.cancel') }}
@@ -107,6 +110,7 @@ export default {
         </div>
         <Banner v-for="(err, i) in errors" :key="i"/>
       </div>
+    </template>
   </Card>
 </template>
 <style lang="scss" scoped>