@rancher/shell 2.0.1 → 3.0.0-rc.2

package/dialog/AddProjectMemberDialog.vue

@@ -112,53 +112,52 @@ export default {
     :show-highlight-border="false"
     :sticky="true"
   >
-    <h4
-      slot="title"
-      v-clean-html="t('addProjectMemberDialog.title')"
-      class="text-default-text"
-    />
-
-    <div
-      slot="body"
-      class="pl-10 pr-10"
-    >
-      <Banner
-        v-if="error"
-        color="error"
-      >
-        {{ error }}
-      </Banner>
-      <ProjectMemberEditor
-        v-model="member"
-        :use-two-columns-for-custom="true"
+    <template #title>
+      <h4
+        v-clean-html="t('addProjectMemberDialog.title')"
+        class="text-default-text"
       />
-    </div>
-
-    <div
-      slot="actions"
-      class="buttons"
-    >
-      <button
-        class="btn role-secondary mr-10"
-        @click="close"
-      >
-        {{ t('generic.cancel') }}
-      </button>
-
-      <AsyncButton
-        v-if="saveInModal"
-        mode="create"
-        @click="cb=>saveBindings(cb)"
-      />
-
-      <button
-        v-else
-        class="btn role-primary"
-        @click="apply"
-      >
-        {{ t('generic.add') }}
-      </button>
-    </div>
+    </template>
+
+    <template #body>
+      <div class="pl-10 pr-10">
+        <Banner
+          v-if="error"
+          color="error"
+        >
+          {{ error }}
+        </Banner>
+        <ProjectMemberEditor
+          v-model:value="member"
+          :use-two-columns-for-custom="true"
+        />
+      </div>
+    </template>
+
+    <template #actions>
+      <div class="buttons">
+        <button
+          class="btn role-secondary mr-10"
+          @click="close"
+        >
+          {{ t('generic.cancel') }}
+        </button>
+
+        <AsyncButton
+          v-if="saveInModal"
+          mode="create"
+          @click="cb=>saveBindings(cb)"
+        />
+
+        <button
+          v-else
+          class="btn role-primary"
+          @click="apply"
+        >
+          {{ t('generic.add') }}
+        </button>
+      </div>
+    </template>
   </Card>
 </template>
 <style lang='scss' scoped>

package/dialog/AddonConfigConfirmationDialog.vue

@@ -49,37 +49,35 @@ export default {
     class="prompt-restore"
     :show-highlight-border="false"
   >
-    <h4
-      slot="title"
-      class="text-default-text"
-    >
-      {{ t('addonConfigConfirmation.title') }}
-    </h4>
+    <template #title>
+      <h4 class="text-default-text">
+        {{ t('addonConfigConfirmation.title') }}
+      </h4>
+    </template>
 
-    <template slot="body">
+    <template #body>
       <slot name="body">
         {{ t('addonConfigConfirmation.body') }}
       </slot>
     </template>
 
-    <div
-      slot="actions"
-      class="bottom"
-    >
-      <div class="buttons">
-        <button
-          type="button"
-          class="btn role-secondary mr-10"
-          @click="close"
-        >
-          {{ t('generic.cancel') }}
-        </button>
-        <AsyncButton
-          mode="continue"
-          @click="apply"
-        />
+    <template #actions>
+      <div class="bottom">
+        <div class="buttons">
+          <button
+            type="button"
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
+            {{ t('generic.cancel') }}
+          </button>
+          <AsyncButton
+            mode="continue"
+            @click="apply"
+          />
+        </div>
       </div>
-    </div>
+    </template>
   </Card>
 </template>
 <style lang='scss' scoped>

package/dialog/DeactivateDriverDialog.vue

@@ -73,12 +73,11 @@ export default {
     :show-highlight-border="false"
     :data-testid="'prompt-deactivate'"
   >
-    <h4
-      slot="title"
-      class="text-default-text"
-    >
-      {{ t('drivers.deactivate.title') }}
-    </h4>
+    <template #title>
+      <h4 class="text-default-text">
+        {{ t('drivers.deactivate.title') }}
+      </h4>
+    </template>
 
     <template #body>
       <div class="pl-10 pr-10">

package/dialog/DiagnosticTimingsDialog.vue

@@ -66,13 +66,14 @@ export default {
     class="prompt-restore"
     :show-highlight-border="false"
   >
-    <h4
-      slot="title"
-      v-clean-html="title"
-      class="text-default-text"
-    />
+    <template #title>
+      <h4
+        v-clean-html="title"
+        class="text-default-text"
+      />
+    </template>
 
-    <template slot="body">
+    <template #body>
       <slot name="body">
         <div
           class="pl-10 pr-10"
@@ -91,31 +92,30 @@ export default {
       </slot>
     </template>
 
-    <div
-      slot="actions"
-      class="bottom"
-    >
-      <Banner
-        v-for="(err, i) in errors"
-        :key="i"
-        color="error"
-        :label="err"
-      />
-      <div class="buttons">
-        <button
-          class="btn role-secondary mr-10"
-          @click="close"
-        >
-          {{ t('generic.cancel') }}
-        </button>
-
-        <AsyncButton
-          :mode="applyMode"
-          data-testid="download-diagnostics-modal-action"
-          @click="apply"
+    <template #actions>
+      <div class="bottom">
+        <Banner
+          v-for="(err, i) in errors"
+          :key="i"
+          color="error"
+          :label="err"
         />
+        <div class="buttons">
+          <button
+            class="btn role-secondary mr-10"
+            @click="close"
+          >
+            {{ t('generic.cancel') }}
+          </button>
+
+          <AsyncButton
+            :mode="applyMode"
+            data-testid="download-diagnostics-modal-action"
+            @click="apply"
+          />
+        </div>
       </div>
-    </div>
+    </template>
   </Card>
 </template>
 <style lang='scss' scoped>