moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use vue3 teleport instead of portal

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

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

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

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

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

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

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

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

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

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

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

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

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