port !1488 to vue3

This commit is contained in:
Henry Jameson 2022-03-27 12:58:28 +03:00
parent d6bbccdd71
commit 87d420a92b
3 changed files with 7 additions and 7 deletions

View file

@ -113,9 +113,9 @@
<Checkbox :modelValue="!!expertLevel" @update:modelValue="expertLevel = Number($event)">
{{ $t("settings.expert_mode") }}
</Checkbox>
<portal-target
<span
class="extra-content"
name="unscrolled-content"
id="unscrolled-content"
/>
</div>
</div>

View file

@ -1018,9 +1018,9 @@
</tab-switcher>
</keep-alive>
<portal
<teleport
v-if="isActive"
to="unscrolled-content"
to="#unscrolled-content"
>
<div class="apply-container">
<button
@ -1037,7 +1037,7 @@
{{ $t('settings.style.switcher.reset') }}
</button>
</div>
</portal>
</teleport>
</div>
</template>

View file

@ -50,7 +50,7 @@ export default {
activeIndex () {
// In case of controlled component
if (this.activeTab) {
return this.slots().findIndex(slot => this.activeTab === slot.key)
return this.slots().findIndex(slot => this.activeTab === slot.props.key)
} else {
return this.active
}
@ -58,7 +58,7 @@ export default {
isActive () {
return tabName => {
const isWanted = slot => slot.props && slot.props['data-tab-name'] === tabName
return this.$slots.default.findIndex(isWanted) === this.activeIndex
return this.$slots.default().findIndex(isWanted) === this.activeIndex
}
},
settingsModalVisible () {