mirror of https://github.com/VueTubeApp/VueTube
feat:
This commit is contained in:
parent
c5164037a4
commit
a583aec65c
|
@ -318,6 +318,14 @@ div {
|
||||||
.fill-width {
|
.fill-width {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|
|
@ -0,0 +1,29 @@
|
||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<center>
|
||||||
|
<v-img
|
||||||
|
src="/icon.svg"
|
||||||
|
width="10rem"
|
||||||
|
height="10rem"
|
||||||
|
:class="$vuetify.theme.dark ? '' : 'invert'"
|
||||||
|
/>
|
||||||
|
<h1>{{ lang.updated }}</h1>
|
||||||
|
<v-btn class="rounded-xl primary">{{ lang.awesome }}</v-btn>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
layout: "empty",
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
lang: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.lang = this.$lang("events");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
|
@ -0,0 +1,30 @@
|
||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<center>
|
||||||
|
<v-img
|
||||||
|
src="/icon.svg"
|
||||||
|
width="10rem"
|
||||||
|
height="10rem"
|
||||||
|
:class="$vuetify.theme.dark ? '' : 'invert'"
|
||||||
|
/>
|
||||||
|
<h1>{{ lang.welcome }}</h1>
|
||||||
|
<p>{{ lang.tagline }}</p>
|
||||||
|
<v-btn class="rounded-xl primary">{{ lang.next }} <v-icon style="margin-left: 0.5em;">mdi-arrow-right</v-icon></v-btn>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
layout: "empty",
|
||||||
|
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
lang: {}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.lang = this.$lang("events");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
|
@ -24,7 +24,16 @@ export default {
|
||||||
this.progressMsg = this.$lang("index").connecting;
|
this.progressMsg = this.$lang("index").connecting;
|
||||||
|
|
||||||
this.$store.commit("tweaks/initTweaks");
|
this.$store.commit("tweaks/initTweaks");
|
||||||
const theming = new Promise((resolve) =>
|
|
||||||
|
await this.theming;
|
||||||
|
await this.$youtube.getAPI();
|
||||||
|
await this.$vuetube.launchBackHandling();
|
||||||
|
this.progressMsg = this.$lang("index").launching;
|
||||||
|
|
||||||
|
this.$router.replace(`/${localStorage.getItem("startPage") || "home"}`); // Prevent user from navigating back to the splash screen
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
theming() { return new Promise((resolve) =>
|
||||||
// Set timeout is required for $vuetify.theme... dont ask me why -Front
|
// Set timeout is required for $vuetify.theme... dont ask me why -Front
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.$vuetify.theme.dark =
|
this.$vuetify.theme.dark =
|
||||||
|
@ -55,26 +64,12 @@ export default {
|
||||||
// this.$vuetube.statusBar.setTransparent();
|
// this.$vuetube.statusBar.setTransparent();
|
||||||
resolve();
|
resolve();
|
||||||
}, 0)
|
}, 0)
|
||||||
);
|
)}
|
||||||
|
}
|
||||||
await theming;
|
}
|
||||||
await this.$youtube.getAPI();
|
|
||||||
await this.$vuetube.launchBackHandling();
|
|
||||||
this.progressMsg = this.$lang("index").launching;
|
|
||||||
|
|
||||||
this.$router.replace(`/${localStorage.getItem("startPage") || "home"}`); // Prevent user from navigating back to the splash screen
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.container {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
.intro {
|
.intro {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
|
|
|
@ -38,6 +38,14 @@ module.exports = {
|
||||||
github: "GitHub",
|
github: "GitHub",
|
||||||
discord: "Discord"
|
discord: "Discord"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
events: {
|
||||||
|
welcome: "Welcome to VueTube",
|
||||||
|
tagline: "The future of video streaming",
|
||||||
|
next: "Next",
|
||||||
|
updated: "VueTube Was Updated!",
|
||||||
|
awesome: "Awesome!"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue