jellyfin/jellyfin-vue
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-vue.git synced 2026-09-03 05:10:26 +03:00
Code Issues Packages Projects Releases Wiki Activity

style(all): fix issues with updated linting config

Browse Source
This commit is contained in:
MrTimscampi
2020-11-14 19:44:35 +01:00
parent 5ca1f62fc4
commit dc40b0f280
16 changed files with 51 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.eslintrc.js
+7 -2
View File
@@ -19,7 +19,6 @@ module.exports = {
'plugin:import/typescript'
],
plugins: ['prettier', 'promise', 'import', 'jsdoc'],
// add your custom rules here
rules: {
'import/newline-after-import': 'error',
'import/order': 'error',
@@ -27,13 +26,19 @@ module.exports = {
'promise/no-return-in-finally': 'error',
'promise/prefer-await-to-callbacks': 'error',
'promise/prefer-await-to-then': 'error',
// Force some component order stuff, formatting and such, for consistency
'vue/component-name-in-template-casing': [
'error',
'kebab-case',
{
ignores: []
}
]
],
'vue/order-in-components': 'error',
'vue/v-bind-style': 'error',
'vue/v-on-style': 'error',
'vue/v-slot-style': 'error',
'vue/attributes-order': 'error'
},
settings: {
'import/resolver': {
components/Card.vue
+6 -1
View File
@@ -41,7 +41,7 @@
item.UserData.PlayedPercentage &&
item.UserData.PlayedPercentage > 0
"
v-model="item.UserData.PlayedPercentage"
v-model="progress"
color="primary accent-4"
class="align-self-end"
/>
@@ -196,6 +196,11 @@ export default Vue.extend({
return `${this.item.ProductionYear} - ${endYear}`;
}
return '';
},
progress: {
get(): number | false {
return this.item.UserData?.PlayedPercentage || false;
}
}
}
});
components/ConnectionMonitor.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div v-if="!$nuxt.isOnline">
<v-tooltip bottom>
<template v-slot:activator="{ on, attrs }">
<template #activator="{ on, attrs }">
<v-icon size="32" v-bind="attrs" v-on="on">
mdi-network-off-outline
</v-icon>
components/FilterButton.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<v-menu :offset-y="true" :close-on-content-click="false" max-width="250px">
<template v-slot:activator="{ on }">
<template #activator="{ on }">
<v-btn class="ma-2" icon v-on="on" @click="getFilters">
<v-icon>mdi-filter-variant</v-icon>
</v-btn>
components/HomeSection.vue
+3 -3
View File
@@ -14,18 +14,18 @@
fixed-height="true"
>
<vueper-slide v-for="item in items" :key="item.Id">
<template v-slot:content>
<template #content>
<card :shape="section.shape" :item="item" />
</template>
</vueper-slide>
<template v-slot:arrow-left>
<template #arrow-left>
<v-btn icon large>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
</template>
<template v-slot:arrow-right>
<template #arrow-right>
<v-btn icon large>
<v-icon>mdi-arrow-right</v-icon>
</v-btn>
components/LocaleSwitcher.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<template #activator="{ on, attrs }">
<v-btn icon size="36" v-bind="attrs" v-on="on">
<v-icon>mdi-web</v-icon>
</v-btn>
components/RelatedItems.vue
+3 -3
View File
@@ -14,18 +14,18 @@
fixed-height="true"
>
<vueper-slide v-for="item in relatedItems" :key="item.Id">
<template v-slot:content>
<template #content>
<card :item="item" />
</template>
</vueper-slide>
<template v-slot:arrow-left>
<template #arrow-left>
<v-btn icon large>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
</template>
<template v-slot:arrow-right>
<template #arrow-right>
<v-btn icon large>
<v-icon>mdi-arrow-right</v-icon>
</v-btn>
components/UserButton.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<v-menu offset-y>
<template v-slot:activator="{ on, attrs }">
<template #activator="{ on, attrs }">
<v-btn icon v-bind="attrs" v-on="on">
<v-avatar>
<v-img
layouts/default.vue
+1 -1
View File
@@ -6,7 +6,7 @@
:temporary="$vuetify.breakpoint.mobile"
app
>
<template v-slot:prepend>
<template #prepend>
<div class="d-flex align-center full-width pa-6">
<v-avatar size="48" color="primary" class="mr-4">
<img
pages/index.vue
+5 -5
View File
@@ -28,6 +28,11 @@ export default Vue.extend({
homeSections: [] as HomeSection[]
};
},
head() {
return {
title: this.$store.state.page.title
};
},
async created() {
this.setPageTitle({ title: this.$t('home') });
@@ -130,11 +135,6 @@ export default Vue.extend({
},
methods: {
...mapActions('page', ['setPageTitle'])
},
head() {
return {
title: this.$store.state.page.title
};
}
});
</script>
pages/item/_itemId/play.vue
+1 -1
View File
@@ -14,8 +14,8 @@ import { BaseItemDto } from '~/api/api';
import imageHelper from '~/mixins/imageHelper';
export default Vue.extend({
layout: 'fullpage',
mixins: [imageHelper],
layout: 'fullpage',
data() {
return {
poster: '',
pages/library/_viewId.vue
+6 -6
View File
@@ -38,7 +38,7 @@
:buffer="$vuetify.breakpoint.height * 1.5"
page-mode
>
<template v-slot="{ item, index, active }">
<template #default="{ item, index, active }">
<dynamic-scroller-item
:item="item"
:active="active"
@@ -84,6 +84,11 @@ export default Vue.extend({
collectionInfoItem: {}
};
},
head() {
return {
title: this.$store.state.page.title
};
},
computed: {
itemsChunks: {
get() {
@@ -223,11 +228,6 @@ export default Vue.extend({
this.sortDirection = !this.sortDirection;
this.sortItems();
}
},
head() {
return {
title: this.$store.state.page.title
};
}
});
</script>
pages/login.vue
+5 -5
View File
@@ -15,16 +15,16 @@ import { mapActions } from 'vuex';
export default Vue.extend({
layout: 'fullpage',
head() {
return {
title: this.$store.state.page.title
};
},
created() {
this.setPageTitle({ title: this.$t('login') });
},
methods: {
...mapActions('page', ['setPageTitle'])
},
head() {
return {
title: this.$store.state.page.title
};
}
});
</script>
pages/person/_itemId/index.vue
+6 -6
View File
@@ -64,18 +64,18 @@
fixed-height="true"
>
<vueper-slide v-for="movie in movies" :key="movie.Id">
<template v-slot:content>
<template #content>
<card :item="movie" />
</template>
</vueper-slide>
<template v-slot:arrow-left>
<template #arrow-left>
<v-btn icon large>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
</template>
<template v-slot:arrow-right>
<template #arrow-right>
<v-btn icon large>
<v-icon>mdi-arrow-right</v-icon>
</v-btn>
@@ -99,18 +99,18 @@
fixed-height="true"
>
<vueper-slide v-for="show in shows" :key="show.Id">
<template v-slot:content>
<template #content>
<card :item="show" />
</template>
</vueper-slide>
<template v-slot:arrow-left>
<template #arrow-left>
<v-btn icon large>
<v-icon>mdi-arrow-left</v-icon>
</v-btn>
</template>
<template v-slot:arrow-right>
<template #arrow-right>
<v-btn icon large>
<v-icon>mdi-arrow-right</v-icon>
</v-btn>
plugins/components/vueVirtualScroller.ts
+2 -2
View File
@@ -4,5 +4,5 @@ import Vue from 'vue';
import { DynamicScroller, DynamicScrollerItem } from 'vue-virtual-scroller';
import 'vue-virtual-scroller/dist/vue-virtual-scroller.css';
Vue.component('dynamic-scroller', DynamicScroller);
Vue.component('dynamic-scroller-item', DynamicScrollerItem);
Vue.component('DynamicSroller', DynamicScroller);
Vue.component('DynamicScrollerItem', DynamicScrollerItem);
plugins/components/vueperSlides.ts
+2 -2
View File
@@ -4,5 +4,5 @@ import Vue from 'vue';
import { VueperSlides, VueperSlide } from 'vueperslides';
import 'vueperslides/dist/vueperslides.css';
Vue.component('vueper-slides', VueperSlides);
Vue.component('vueper-slide', VueperSlide);
Vue.component('VueperSlides', VueperSlides);
Vue.component('VueperSlide', VueperSlide);