Skip to content

Commit 9ed1060

Browse files
renovate[bot]renovate-botjacobmllr95
authored
chore(deps): update devdependency eslint-plugin-vue to v7 (#5844)
* chore(deps): update devdependency eslint-plugin-vue to v7 * chore: refactro code to conform new rules of `eslint-plugin-vue` v7 Co-authored-by: Renovate Bot <bot@renovateapp.com> Co-authored-by: Jacob Müller <jacob.mueller.elz@gmail.com>
1 parent 8781eb3 commit 9ed1060

32 files changed

+405
-408
lines changed

‎.eslintrc.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ module.exports = {
2424
],
2525
'object-shorthand': ['error', 'properties'],
2626
'spaced-comment': 'off', // needed to ignore `/*#__PURE__*/` comments
27+
'vue/custom-event-name-casing': 'off',
2728
'vue/html-self-closing': [
2829
'error',
2930
{
@@ -35,9 +36,8 @@ module.exports = {
3536
}
3637
],
3738
'vue/max-attributes-per-line': ['error', { singleline: 4 }],
38-
'vue/no-template-shadow': 'off',
39-
'vue/no-use-v-if-with-v-for': 'off',
4039
'vue/no-v-html': 'off',
40+
'vue/one-component-per-file': 'off',
4141
'vue/require-default-prop': 'off',
4242
'vue/require-prop-types': 'off',
4343
'vue/singleline-html-element-content-newline': 'off'

‎docs/components/bv-logo.vue

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,23 @@
5555
<div v-else class="bv-logo"></div>
5656
</template>
5757

58+
<script>
59+
export default {
60+
data() {
61+
return {
62+
isIE: false,
63+
showLogo: false
64+
}
65+
},
66+
mounted() {
67+
this.$nextTick(() => {
68+
this.isIE = /msie|trident/i.test(window.navigator.userAgent || '')
69+
this.showLogo = true
70+
})
71+
}
72+
}
73+
</script>
74+
5875
<style lang="scss" scoped>
5976
.bv-logo {
6077
display: block;
@@ -159,20 +176,3 @@
159176
}
160177
}
161178
</style>
162-
163-
<script>
164-
export default {
165-
data() {
166-
return {
167-
isIE: false,
168-
showLogo: false
169-
}
170-
},
171-
mounted() {
172-
this.$nextTick(() => {
173-
this.isIE = /msie|trident/i.test(window.navigator.userAgent || '')
174-
this.showLogo = true
175-
})
176-
}
177-
}
178-
</script>

‎docs/components/componentdoc.vue

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595
bordered
9696
striped
9797
>
98-
<template v-slot:cell(prop)="{ value, item }">
98+
<template #cell(prop)="{ value, item }">
9999
<code class="text-nowrap notranslate" translate="no">{{ value }}</code><br>
100100
<b-badge v-if="item.required" variant="info">Required</b-badge>
101101
<b-badge v-if="item.settings" variant="dark" href="/docs/reference/settings" title="Configurable in settings">Settings</b-badge>
@@ -105,13 +105,13 @@
105105
<b-badge v-if="item.deprecated" variant="danger">Deprecated</b-badge>
106106
<b-badge v-else-if="item.deprecation" variant="warning">Deprecation</b-badge>
107107
</template>
108-
<template v-slot:cell(type)="{ value }">
108+
<template #cell(type)="{ value }">
109109
<span v-html="value"></span>
110110
</template>
111-
<template v-slot:cell(defaultValue)="{ value }">
111+
<template #cell(defaultValue)="{ value }">
112112
<code v-if="value" class="word-wrap-normal notranslate" translate="no">{{ value }}</code>
113113
</template>
114-
<template v-slot:row-details="{ item }">
114+
<template #row-details="{ item }">
115115
<p v-if="typeof item.deprecated === 'string'" class="mb-1 small">
116116
{{ item.deprecated }}
117117
</p>
@@ -158,10 +158,10 @@
158158
bordered
159159
striped
160160
>
161-
<template v-slot:cell(prop)="{ value }">
161+
<template #cell(prop)="{ value }">
162162
<code class="notranslate" translate="no">{{ kebabCase(value) }}</code>
163163
</template>
164-
<template v-slot:cell(event)="{ value }">
164+
<template #cell(event)="{ value }">
165165
<code class="notranslate" translate="no">{{ value }}</code>
166166
</template>
167167
</b-table-lite>
@@ -181,11 +181,11 @@
181181
bordered
182182
striped
183183
>
184-
<template v-slot:cell(name)="{ value, item }">
184+
<template #cell(name)="{ value, item }">
185185
<code class="text-nowrap notranslate" translate="no">{{ value }}</code>
186186
<b-badge v-if="item.version" variant="secondary">v{{ item.version }}+</b-badge>
187187
</template>
188-
<template v-slot:cell(scope)="{ value, detailsShowing, toggleDetails }">
188+
<template #cell(scope)="{ value, detailsShowing, toggleDetails }">
189189
<b-button
190190
v-if="value"
191191
variant="outline-info"
@@ -197,7 +197,7 @@
197197
</b-button>
198198
<span v-else>No</span>
199199
</template>
200-
<template v-slot:row-details="{ item }">
200+
<template #row-details="{ item }">
201201
<b-table-lite
202202
:items="item.scope"
203203
:fields="[{ key: 'prop', label: 'Property' }, 'type', 'description']"
@@ -207,19 +207,19 @@
207207
caption-top
208208
small
209209
>
210-
<template v-slot:thead-top>
210+
<template #thead-top>
211211
<b-tr>
212212
<b-th colspan="3" class="text-center">
213213
<code class="text-nowrap notranslate" translate="no">{{ item.name }}</code>
214214
Slot scoped properties
215215
</b-th>
216216
</b-tr>
217217
</template>
218-
<template v-slot:cell(prop)="{ value, item }">
218+
<template #cell(prop)="{ value, item: cellItem }">
219219
<code class="text-nowrap notranslate" translate="no">{{ value }}</code>
220-
<b-badge v-if="item.version" variant="secondary">v{{ item.version }}+</b-badge>
220+
<b-badge v-if="cellItem.version" variant="secondary">v{{ cellItem.version }}+</b-badge>
221221
</template>
222-
<template v-slot:cell(type)="{ value }">
222+
<template #cell(type)="{ value }">
223223
<code class="text-nowrap notranslate" translate="no">{{ value || 'Any' }}</code>
224224
</template>
225225
</b-table-lite>
@@ -240,11 +240,11 @@
240240
bordered
241241
striped
242242
>
243-
<template v-slot:cell(event)="{ value, item }">
243+
<template #cell(event)="{ value, item }">
244244
<code class="notranslate" translate="no">{{ value }}</code>
245245
<b-badge v-if="item.version" variant="secondary">v{{ item.version }}+</b-badge>
246246
</template>
247-
<template v-slot:cell(args)="{ value, item }">
247+
<template #cell(args)="{ value, item }">
248248
<ol v-if="value && value.length > 0" class="list-unstyled mb-0">
249249
<li v-for="(arg, idx) in value" :key="`event-${item.event}-${arg.arg || idx}`">
250250
<template v-if="arg.arg">
@@ -274,11 +274,11 @@
274274
bordered
275275
striped
276276
>
277-
<template v-slot:cell(event)="{ value, item }">
277+
<template #cell(event)="{ value, item }">
278278
<code class="text-nowrap notranslate" translate="no">{{ value }}</code>
279279
<b-badge v-if="item.version" variant="secondary">v{{ item.version }}+</b-badge>
280280
</template>
281-
<template v-slot:cell(args)="{ value, item }">
281+
<template #cell(args)="{ value, item }">
282282
<p
283283
v-for="arg in value"
284284
:key="`event-${item.event}-${arg.arg ? arg.arg : 'none'}`"
@@ -295,29 +295,6 @@
295295
</section>
296296
</template>
297297

298-
<style scoped>
299-
h3::before {
300-
display: block;
301-
height: 1.25rem;
302-
margin-top: -1.25rem;
303-
content: '';
304-
}
305-
306-
code.bigger {
307-
font-size: 105%;
308-
}
309-
310-
ul.component-ref-mini-toc:empty {
311-
display: none;
312-
}
313-
314-
/deep/ .word-wrap-normal {
315-
white-space: normal !important;
316-
word-break: normal !important;
317-
overflow-wrap: normal !important;
318-
}
319-
</style>
320-
321298
<script>
322299
import Vue from 'vue'
323300
import commonProps from '../common-props.json'
@@ -529,3 +506,26 @@ export default {
529506
}
530507
}
531508
</script>
509+
510+
<style scoped>
511+
h3::before {
512+
display: block;
513+
height: 1.25rem;
514+
margin-top: -1.25rem;
515+
content: '';
516+
}
517+
518+
code.bigger {
519+
font-size: 105%;
520+
}
521+
522+
ul.component-ref-mini-toc:empty {
523+
display: none;
524+
}
525+
526+
/deep/ .word-wrap-normal {
527+
white-space: normal !important;
528+
word-break: normal !important;
529+
overflow-wrap: normal !important;
530+
}
531+
</style>

0 commit comments

Comments
 (0)