setting up for potential hot reloadability
This commit is contained in:
parent
5309c987f0
commit
54515fea6b
2 changed files with 68 additions and 57 deletions
|
@ -245,6 +245,7 @@ const app = new Vue({
|
||||||
notyf: notyf,
|
notyf: notyf,
|
||||||
idleTimer: null,
|
idleTimer: null,
|
||||||
idleState: false,
|
idleState: false,
|
||||||
|
appVisible: true
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
cfg: {
|
cfg: {
|
||||||
|
@ -276,6 +277,12 @@ const app = new Vue({
|
||||||
}, false)
|
}, false)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
hotReload() {
|
||||||
|
this.appVisible = false
|
||||||
|
setTimeout(() => {
|
||||||
|
this.appVisible = true
|
||||||
|
}, 1000)
|
||||||
|
},
|
||||||
setWindowHash(route = "") {
|
setWindowHash(route = "") {
|
||||||
window.location.hash = `#${route}`;
|
window.location.hash = `#${route}`;
|
||||||
},
|
},
|
||||||
|
|
|
@ -67,13 +67,16 @@
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="notransparency" oncontextmenu="return false;" loading="1" os-release="<%= parseInt(env.osRelease) %>" platform="<%= env.platform %>">
|
<body class="notransparency" oncontextmenu="return false;" loading="1" os-release="<%= parseInt(env.osRelease) %>"
|
||||||
|
platform="<%= env.platform %>">
|
||||||
<div id="LOADER">
|
<div id="LOADER">
|
||||||
<%- include("../assets/cider-round.svg") %>
|
<%- include("../assets/cider-round.svg") %>
|
||||||
</div>
|
</div>
|
||||||
<div id="app" :class="getAppClasses()"
|
<div id="app" :class="getAppClasses()"
|
||||||
|
v-if="appVisible"
|
||||||
:window-state="chrome.windowState"
|
:window-state="chrome.windowState"
|
||||||
:style="getAppStyle()" :library-visible="(chrome.sidebarCollapsed ? 0 : 1)" :window-style="cfg.visual.directives.windowLayout">
|
:style="getAppStyle()" :library-visible="(chrome.sidebarCollapsed ? 0 : 1)"
|
||||||
|
:window-style="cfg.visual.directives.windowLayout">
|
||||||
<transition name="fsModeSwitch">
|
<transition name="fsModeSwitch">
|
||||||
<div id="app-main" v-show="appMode == 'player'">
|
<div id="app-main" v-show="appMode == 'player'">
|
||||||
<%- include('app/chrome-top'); %>
|
<%- include('app/chrome-top'); %>
|
||||||
|
@ -106,8 +109,9 @@
|
||||||
<%- include(env.components[i]); %>
|
<%- include(env.components[i]); %>
|
||||||
<% } %>
|
<% } %>
|
||||||
|
|
||||||
|
<script async
|
||||||
<script async src="<%- (env.useV3 ? "https://js-cdn.music.apple.com/musickit/v3/amp/musickit.js" : "https://js-cdn.music.apple.com/musickit/v2/amp/musickit.js" ) %>" data-web-components>
|
src="<%- (env.useV3 ? "https://js-cdn.music.apple.com/musickit/v3/amp/musickit.js" : "https://js-cdn.music.apple.com/musickit/v2/amp/musickit.js") %>"
|
||||||
|
data-web-components>
|
||||||
</script>
|
</script>
|
||||||
<script src="index.js?v=1"></script>
|
<script src="index.js?v=1"></script>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue