11<template >
22 <div :class =" $style.container" >
3- <div v-if =" iosAppFlag" :class =" $style.iosAppIsDeprecated" >
4- {{ iosAppDeprecatedMessage }}
5- <div v-if =" iosPwaInfoLink" >
6- PWA版について:
7- <a :href =" iosPwaInfoLink" :class =" $style.iosPwaInfoLink" >{{
8- iosPwaInfoLink
9- }}</a >
10- </div >
11- </div >
123 <div id =" header" :class =" $style.headerContainer" />
134 <div :class =" $style.layoutContainer" :data-layout =" layout" >
145 <QallAudio />
2314<script lang="ts" setup>
2415import { onBeforeUnmount , onMounted , ref } from ' vue'
2516
26- import { isIOSApp } from ' /@/lib/dom/browser'
2717import { useMainViewStore } from ' /@/store/ui/mainView'
2818
2919import PrimaryViewSelector from ' ./PrimaryViewSelector.vue'
3020import QallAudio from ' ./QallView/QallAudio.vue'
3121import SecondaryViewSelector from ' ./SecondaryViewSelector.vue'
3222
33- const iosAppFlag = isIOSApp (window )
34- const iosAppDeprecatedMessage =
35- ' 現在お使いのiOSアプリ版traQは2023/04/01を以て廃止され、2023/06/01には動作しなくなります。引き続き利用するにはPWA版に移行してください。なお、PWA版は動作にiOS 16.4を要求します。'
36-
37- const iosPwaInfoLink = window .traQConfig .iosPwaInfoLink
38-
3923const { layout } = useMainViewStore ()
4024
4125const isMounted = ref (false )
@@ -53,14 +37,6 @@ onBeforeUnmount(() => {
5337 flex-direction : column ;
5438}
5539
56- .iosAppIsDeprecated {
57- @include color-common-text-white-primary ;
58- width : 100% ;
59- z-index : $z-index-header ;
60- padding : 16px ;
61- background-color : $theme-accent-error-default ;
62- }
63-
6440.iosPwaInfoLink {
6541 text-decoration : underline ;
6642}
0 commit comments