sjw/pleroma-fe
1
0
Fork 0
mirror of https://git.pleroma.social/sjw/pleroma-fe.git synced 2024-12-23 18:45:45 +01:00
Code Issues Releases Wiki Activity

Use vue3 teleport instead of portal

Browse Source
This commit is contained in:
Tusooa Zhu 2022-04-06 14:54:58 -04:00 committed by tusooa
parent 39e4746f61
commit dc04c8cbd4
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
7 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/account_actions/account_actions.vue
View File

@ -74,7 +74,7 @@
</button>
</template>
</Popover>
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmBlock"
:title="$t('user_card.block_confirm_title')"
@ -93,7 +93,7 @@
/>
</i18n>
</confirm-modal>
</portal>
</teleport>
</div>
</template>

4
src/components/desktop_nav/desktop_nav.vue
View File

@ -76,7 +76,7 @@
</button>
</div>
</div>
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmLogout"
:title="$t('login.logout_confirm_title')"
@ -87,7 +87,7 @@
>
{{ $t('login.logout_confirm') }}
</confirm-modal>
</portal>
</teleport>
</nav>
</template>
<script src="./desktop_nav.js"></script>

4
src/components/extra_buttons/extra_buttons.vue
View File

@ -165,7 +165,7 @@
/>
</FALayers>
</span>
<portal to="modal">
<teleport to="#modal">
<ConfirmModal
v-if="showingDeleteDialog"
:title="$t('status.delete_confirm_title')"
@ -176,7 +176,7 @@
>
{{ $t('status.delete_confirm') }}
</ConfirmModal>
</portal>
</teleport>
</template>
</Popover>
</template>

4
src/components/follow_button/follow_button.vue
View File

@ -7,7 +7,7 @@
@click="onClick"
>
{{ label }}
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmUnfollow"
:title="$t('user_card.unfollow_confirm_title')"
@ -26,7 +26,7 @@
/>
</i18n>
</confirm-modal>
</portal>
</teleport>
</button>
</template>

4
src/components/mobile_nav/mobile_nav.vue
View File

@ -88,7 +88,7 @@
ref="sideDrawer"
:logout="logout"
/>
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmLogout"
:title="$t('login.logout_confirm_title')"
@ -99,7 +99,7 @@
>
{{ $t('login.logout_confirm') }}
</confirm-modal>
</portal>
</teleport>
</div>
</template>

4
src/components/retweet_button/retweet_button.vue
View File

@ -59,7 +59,7 @@
>
{{ status.repeat_num }}
</span>
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmDialog"
:title="$t('status.repeat_confirm_title')"
@ -70,7 +70,7 @@
>
{{ $t('status.repeat_confirm') }}
</confirm-modal>
</portal>
</teleport>
</div>
</template>

4
src/components/user_card/user_card.vue
View File

@ -314,7 +314,7 @@
:handle-links="true"
/>
</div>
<portal to="modal">
<teleport to="#modal">
<confirm-modal
v-if="showingConfirmMute"
:title="$t('user_card.mute_confirm_title')"
@ -333,7 +333,7 @@
/>
</i18n>
</confirm-modal>
</portal>
</teleport>
</div>
</template>