danielroe.dev
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
build: :wrench: update eslint config to handle both ts and vue files, fix violations
author
Dylan Kelly
date
(Feb 15, 2022, 9:36 PM +1100)
commit
daafb387
daafb38780160cd6ee6f3bb49e275935efd04850
parent
284661b9
284661b94074426fb6ef1d7305612a81507443aa
+36
-38
+11
-4
.eslintrc.js
+11
-4
.eslintrc.js
···
1
1
module.exports = {
2
2
root: true,
3
-
parser: '@typescript-eslint/parser',
4
-
plugins: [
5
-
'@typescript-eslint',
6
-
],
3
+
parser: 'vue-eslint-parser',
4
+
parserOptions: {
5
+
parser: '@typescript-eslint/parser'
6
+
},
7
+
env: {
8
+
browser: true,
9
+
node: true,
10
+
'vue/setup-compiler-macros': true
11
+
},
7
12
extends: [
8
13
'eslint:recommended',
9
14
'plugin:vue/vue3-recommended',
10
15
'plugin:@typescript-eslint/recommended',
16
+
'prettier'
11
17
],
18
+
plugins: ['@typescript-eslint'],
12
19
rules: {
13
20
// override/add rules settings here, such as:
14
21
// 'vue/no-unused-vars': 'error'
-1
examples/reference/app.vue
-1
examples/reference/app.vue
-14
examples/reference/components/test.vue
-14
examples/reference/components/test.vue
-1
examples/reference/nuxt.config.ts
-1
examples/reference/nuxt.config.ts
-7
examples/reference/server/api/page.ts
-7
examples/reference/server/api/page.ts
examples/reference/server/api/schema.ts
examples/reference/server/api/schema.ts
This is a binary file and will not be displayed.
examples/reference/server/api/site.ts
examples/reference/server/api/site.ts
This is a binary file and will not be displayed.
+3
-2
package.json
+3
-2
package.json
···
14
14
"postinstall": "husky install",
15
15
"release:dev": "lerna publish --canary minor --preid alpha --no-git-tag-version --registry $NPM_REGISTRY --dist-tag next",
16
16
"release:prod": "lerna publish --conventional-commits --create-release github",
17
-
"lint": "eslint . --ext .js,.ts,.vue"
17
+
"lint": "eslint . --ext .ts,.vue"
18
18
},
19
19
"devDependencies": {
20
20
"@babel/core": "^7.16.0",
···
27
27
"@typescript-eslint/eslint-plugin": "^5.12.0",
28
28
"@typescript-eslint/parser": "^5.12.0",
29
29
"babel-loader": "^8.2.3",
30
-
"husky": "^7.0.4",
31
30
"eslint": "^8.9.0",
31
+
"eslint-config-prettier": "^8.3.0",
32
32
"eslint-plugin-vue": "^8.4.1",
33
+
"husky": "^7.0.4",
33
34
"lerna": "^4.0.0",
34
35
"storybook-builder-vite": "^0.1.15",
35
36
"typescript": "^4.4.4",
+1
-1
packages/ripple-tide-api/src/services/http-client.ts
+1
-1
packages/ripple-tide-api/src/services/http-client.ts
+1
-1
packages/ripple-tide-api/src/services/tide-api.ts
+1
-1
packages/ripple-tide-api/src/services/tide-api.ts
+1
-1
packages/ripple-tide-api/src/services/tide-page.ts
+1
-1
packages/ripple-tide-api/src/services/tide-page.ts
+8
-6
packages/ripple-ui-core/src/components/accordion/index.vue
+8
-6
packages/ripple-ui-core/src/components/accordion/index.vue
···
2
2
export type Panel = {
3
3
id: number
4
4
title: string
5
-
isOpen: Boolean
6
-
content: String
5
+
isOpen: boolean
6
+
content: string
7
7
}
8
8
</script>
9
9
10
10
<script setup lang="ts">
11
11
interface Props {
12
12
panels: Panel[]
13
-
title: String
13
+
title: string
14
14
}
15
15
const props = defineProps<Props>()
16
16
···
21
21
return props.panels[idx].isOpen
22
22
}
23
23
const accordionClick = (idx) => {
24
+
/* eslint-disable-next-line vue/no-mutating-props */
24
25
props.panels[idx].isOpen = !props.panels[idx].isOpen
25
26
}
26
27
···
31
32
<div class="rpl-accordion">
32
33
<ul class="rpl-accordion__list">
33
34
<li
34
-
class="rpl-accordion__list-item"
35
35
v-for="(accordion, index) in panels"
36
36
:key="index"
37
+
class="rpl-accordion__list-item"
37
38
:class="{
38
39
'rpl-accordion__list-item--expanded': accordionIsOpen(index)
39
40
}"
···
43
44
:class="{ 'rpl-accordion__title--expanded': accordionIsOpen(index) }"
44
45
>
45
46
<button
46
-
@click="accordionClick(index)"
47
47
class="rpl-accordion__button"
48
48
:class="{
49
49
'rpl-accordion__button--expanded': accordionIsOpen(index)
50
50
}"
51
51
:aria-expanded="accordionIsOpen(index).toString()"
52
52
:aria-controls="accordionId(index)"
53
+
@click="accordionClick(index)"
53
54
>
54
55
<span
55
56
class="rpl-accordion__button-text"
···
59
60
</button>
60
61
</h2>
61
62
<div
62
-
class="rpl-accordion__content"
63
63
:id="accordionId(index)"
64
64
:ref="accordionId(index)"
65
+
class="rpl-accordion__content"
65
66
>
67
+
<!-- eslint-disable vue/no-v-html -->
66
68
<div
67
69
class="rpl-accordion__content-inner"
68
70
v-html="accordion.content"
+1
packages/ripple-ui-core/tsconfig.json
+1
packages/ripple-ui-core/tsconfig.json
+1
tsconfig.build.json
+1
tsconfig.build.json
+5
yarn.lock
+5
yarn.lock
···
7611
7611
optionalDependencies:
7612
7612
source-map "~0.6.1"
7613
7613
7614
+
eslint-config-prettier@^8.3.0:
7615
+
version "8.3.0"
7616
+
resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-8.3.0.tgz#f7471b20b6fe8a9a9254cc684454202886a2dd7a"
7617
+
integrity sha512-BgZuLUSeKzvlL/VUjx/Yb787VQ26RU3gGjA3iiFvdsp/2bMfVIWUVP7tjxtjS0e+HP409cPlPvNkQloz8C91ew==
7618
+
7614
7619
eslint-plugin-vue@^8.4.1:
7615
7620
version "8.4.1"
7616
7621
resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-8.4.1.tgz#0a25493bbfee6baa21614e637e3fd390617c0bb4"