mirror of
https://github.com/VueTubeApp/VueTube
synced 2024-11-16 08:25:08 +00:00
59 lines
1.5 KiB
Vue
59 lines
1.5 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<!-- sorry for the mess, I will make a dumb (styles only) standardized card component later - Nik -->
|
||
|
|
<div
|
||
|
|
v-for="(plugin, index) in plugins"
|
||
|
|
:key="index"
|
||
|
|
flat
|
||
|
|
class="card d-flex mb-4 background"
|
||
|
|
:class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
|
||
|
|
:style="{
|
||
|
|
borderRadius: `${$store.state.tweaks.roundTweak / 2}rem`,
|
||
|
|
margin: $store.state.tweaks.roundTweak > 0 ? '0 1rem' : '0',
|
||
|
|
padding:
|
||
|
|
$store.state.tweaks.roundTweak > 0
|
||
|
|
? '.75rem 0rem .75rem 1rem'
|
||
|
|
: '.75rem .75rem .75rem 1.5rem',
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
<div>
|
||
|
|
<v-card-title class="pa-0">
|
||
|
|
{{ plugin.manifest.name }}
|
||
|
|
{{ plugin.manifest.version }}
|
||
|
|
</v-card-title>
|
||
|
|
<v-card-text
|
||
|
|
class="pa-0 mb-3 background--text"
|
||
|
|
:class="$vuetify.theme.dark ? 'text--lighten-4' : 'text--darken-4'"
|
||
|
|
>
|
||
|
|
by {{ plugin.manifest.author }}
|
||
|
|
{{ plugin.manifest.license ? `(${plugin.manifest.license})` : "" }}
|
||
|
|
</v-card-text>
|
||
|
|
<v-card-text class="pa-0">
|
||
|
|
{{ plugin.manifest.description }}
|
||
|
|
</v-card-text>
|
||
|
|
</div>
|
||
|
|
<v-switch
|
||
|
|
disabled
|
||
|
|
style="pointer-events: none"
|
||
|
|
class="my-0"
|
||
|
|
persistent-hint
|
||
|
|
inset
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
plugins: new Array(),
|
||
|
|
installedVersion: process.env.appVersion,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
async mounted() {
|
||
|
|
this.plugins = await this.$tppl.list;
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|