com.hikky.heliodorlib
Version:
This is the library for Vket Cloud SDK.
70 lines (64 loc) • 1.86 kB
HTML
<html lang="ja">
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex" />
<title>Loading...|Vket Cloud</title>
</head>
<style>
html,
body,
#app {
color: #fff;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
</style>
<body>
<div class="app" id="app"></div>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue3-sfc-loader/dist/vue3-sfc-loader.js"></script>
<script>
// https://www.jsdelivr.com/package/npm/vue3-sfc-loader
const options = {
moduleCache: {
vue: Vue,
},
async getFile(url) {
const res = await fetch(url);
if (!res.ok)
throw Object.assign(new Error(res.statusText + " " + url), { res });
return {
getContentData: (asBinary) =>
asBinary ? res.arrayBuffer() : res.text(),
};
},
addStyle(textContent) {
const style = Object.assign(document.createElement("style"), {
textContent,
});
const ref = document.head.getElementsByTagName("style")[0] || null;
document.head.insertBefore(style, ref);
},
};
const { loadModule } = window["vue3-sfc-loader"];
const app = Vue.createApp({
components: {
"ht-loader": Vue.defineAsyncComponent(() =>
loadModule(
"https://heliodor.vketcdn.com/loading/vue/src/HtLoader.vue",
options
)
),
},
template: "<ht-loader></ht-loader>",
});
app.mount("#app");
</script>
</body>
</html>