mirror of
https://github.com/jellyfin/jellyfin-vue.git
synced 2024-10-07 03:23:37 +00:00
62 lines
1.3 KiB
Vue
62 lines
1.3 KiB
Vue
<template>
|
|
<v-app dark>
|
|
<v-navigation-drawer
|
|
v-model="drawer"
|
|
:mini-variant="miniVariant"
|
|
:clipped="clipped"
|
|
fixed
|
|
app
|
|
>
|
|
<v-list>
|
|
<v-list-item
|
|
v-for="(item, i) in items"
|
|
:key="i"
|
|
:to="item.to"
|
|
router
|
|
exact
|
|
>
|
|
<v-list-item-action>
|
|
<v-icon>{{ item.icon }}</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-content>
|
|
<v-list-item-title v-text="item.title" />
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-app-bar :clipped-left="clipped" fixed app>
|
|
<v-app-bar-nav-icon @click.stop="drawer = !drawer" />
|
|
<v-btn icon @click.stop="miniVariant = !miniVariant">
|
|
<v-icon>mdi-{{ `chevron-${miniVariant ? 'right' : 'left'}` }}</v-icon>
|
|
</v-btn>
|
|
<v-toolbar-title v-text="title" />
|
|
<v-spacer />
|
|
</v-app-bar>
|
|
<v-main>
|
|
<v-container>
|
|
<nuxt />
|
|
</v-container>
|
|
</v-main>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
export default {
|
|
data() {
|
|
return {
|
|
clipped: true,
|
|
drawer: true,
|
|
items: [
|
|
{
|
|
icon: 'mdi-home',
|
|
title: 'Home',
|
|
to: '/'
|
|
}
|
|
],
|
|
miniVariant: true,
|
|
title: 'Jellyfin'
|
|
};
|
|
}
|
|
};
|
|
</script>
|