@@ -37,7 +37,7 @@ export default defineComponent({
37
37
},
38
38
39
39
setup() {
40
- const { isConnected, isInitializing, showDisplayDisconnected } = useAppConnection ()
40
+ const { isConnected, isInitializing, showDisplayDisconnected, connectedTimes } = useAppConnection ()
41
41
42
42
function updateTheme(theme : string ) {
43
43
if (theme === ' dark' || theme === ' high-contrast' || (theme === ' auto' && chromeTheme === ' dark' )) {
@@ -81,6 +81,7 @@ export default defineComponent({
81
81
isConnected ,
82
82
isInitializing ,
83
83
showDisplayDisconnected ,
84
+ connectedTimes ,
84
85
showAppsSelector ,
85
86
orientation ,
86
87
isChrome ,
@@ -91,10 +92,9 @@ export default defineComponent({
91
92
92
93
<template >
93
94
<div
94
- class =" app w-full h-full flex relative outline-none"
95
+ class =" app w-full h-full relative outline-none"
95
96
:class =" {
96
97
'disconnected pointer-events-none': !isInitializing && !isConnected,
97
- 'flex-col': orientation === 'portrait',
98
98
}"
99
99
tabindex =" 0"
100
100
>
@@ -108,7 +108,14 @@ export default defineComponent({
108
108
class =" absolute inset-0"
109
109
/>
110
110
111
- <template v-else >
111
+ <div
112
+ v-else
113
+ :key =" connectedTimes"
114
+ class =" w-full h-full flex"
115
+ :class =" {
116
+ 'flex-col': orientation === 'portrait',
117
+ }"
118
+ >
112
119
<AppHeader class =" flex-none relative z-10 border-b border-gray-200 dark:border-gray-700" />
113
120
114
121
<SplitPane
@@ -129,7 +136,7 @@ export default defineComponent({
129
136
<router-view class =" h-full overflow-auto" />
130
137
</template >
131
138
</SplitPane >
132
- </template >
139
+ </div >
133
140
134
141
<TeleportTarget id =" root" />
135
142
0 commit comments