0
0
Fork 0
mirror of https://github.com/VueTubeApp/VueTube synced 2024-11-22 19:25:16 +00:00
VueTube/NUXT/pages/mods/startup.vue
deepsource-autofix[bot] b252fa79c0
Format code with prettier
This commit fixes the style issues introduced in 38b0de7 according to the output
from prettier.

Details: https://deepsource.io/gh/VueTubeApp/VueTube/transform/9d827cbf-455d-44d1-b340-8f6b1836b896/
2022-06-22 05:24:06 +00:00

77 lines
1.4 KiB
Vue

<template>
<div class="mainContainer pt-1">
<v-card
flat
class="pb-5 background"
:class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
:style="{ borderRadius: `${roundTweak / 2}rem` }"
>
<v-card-title>{{ lang.mods.startup.defaultpage }}</v-card-title>
<v-card-text>
<v-select
v-model="page"
background-color="background"
:items="pages"
label="Default Page"
solo
></v-select>
</v-card-text>
</v-card>
</div>
</template>
<script>
export default {
computed: {
roundTweak() {
return this.$store.state.tweaks.roundTweak;
},
},
data() {
return {
page: "home",
pages: [],
lang: { mods: { startup: {} } },
};
},
watch: {
page: function (newVal) {
localStorage.setItem("startPage", newVal);
},
},
mounted() {
this.page = localStorage.getItem("startPage") || "home";
const lang = this.$lang();
this.lang = lang;
this.pages = [
{
value: "home",
text: lang.global.home,
},
{
value: "subscriptions",
text: lang.global.subscriptions,
},
{
value: "library",
text: lang.global.library,
},
];
},
};
</script>
<style scoped>
.v-card {
margin: 1em;
}
section {
padding: 0 1em 1em 1em;
}
</style>