Skip to content

Commit 90ed9e9

Browse files
authored
Merge pull request #609 from codeforjapan/feature/update-dependencies
feat: パッケージのアップデート・デザイン崩れへの対応
2 parents afc2282 + 5b71a3b commit 90ed9e9

32 files changed

+4839
-5414
lines changed

.eslintrc.js

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,20 @@ module.exports = {
55
'@nuxtjs/eslint-config-typescript',
66
'plugin:prettier/recommended',
77
'prettier',
8-
'prettier/vue',
98
],
109
rules: {
1110
'require-await': 'off',
1211
'nuxt/no-cjs-in-config': 'off',
1312
'vue/max-attributes-per-line': 'off',
13+
'vue/experimental-script-setup-vars': 'off',
14+
'vue/no-arrow-functions-in-watch': 'off',
15+
'vue/no-custom-modifiers-on-v-model': 'off',
16+
'vue/no-dupe-v-else-if': 'off',
17+
'vue/no-multiple-template-root': 'off',
18+
'vue/no-mutating-props': 'off',
19+
'vue/no-v-for-template-key': 'off',
20+
'vue/no-v-model-argument': 'off',
21+
'vue/one-component-per-file': 'off',
1422
'vue/html-self-closing': [
1523
'error',
1624
{

nuxt.config.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
import Sass from 'sass'
2+
import Fiber from 'fibers'
13
import i18nConfig from './nuxt-i18n.config.js'
24
const environment = process.env.NODE_ENV || 'development'
35

@@ -152,6 +154,14 @@ export default {
152154
*/
153155
build: {
154156
publicPath: '/assets/',
157+
loaders: {
158+
scss: {
159+
implementation: Sass,
160+
sassOptions: {
161+
fiber: Fiber,
162+
},
163+
},
164+
},
155165
babel: {
156166
presets({ isServer }) {
157167
return [

package.json

Lines changed: 53 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
{
2-
"name": "StudyAtHome",
2+
"name": "study-at-home",
33
"version": "1.0.0",
44
"description": "Ouchi De Jikanwari Web Version",
55
"author": "Nekoya3",
66
"private": true,
77
"scripts": {
8-
"dev": "cross-env NODE_ENV=development nuxt-ts",
9-
"build": "nuxt-ts build",
8+
"dev": "cross-env NODE_ENV=development nuxt",
9+
"build": "nuxt build",
1010
"test:unit": "jest --config jest.config.js",
11-
"start": "nuxt-ts start",
12-
"generate": "nuxt-ts generate",
11+
"start": "nuxt start",
12+
"generate": "nuxt generate",
1313
"lint": "eslint --ext .js,.vue,.ts --ignore-path .eslintignore ."
1414
},
1515
"lint-staged": {
@@ -24,68 +24,72 @@
2424
}
2525
},
2626
"dependencies": {
27-
"@aws-amplify/api": "^3.2.7",
28-
"@babel/core": "^7.12.1",
29-
"@babel/runtime-corejs3": "^7.12.1",
30-
"@nuxt/typescript-runtime": "^2.0.0",
31-
"@nuxtjs/axios": "^5.12.2",
27+
"@aws-amplify/api": "^4.0.0",
28+
"@babel/core": "^7.14.3",
29+
"@babel/runtime-corejs3": "^7.14.0",
30+
"@nuxtjs/axios": "^5.13.4",
3231
"@nuxtjs/dotenv": "^1.4.1",
3332
"@nuxtjs/google-analytics": "^2.4.0",
34-
"@nuxtjs/pwa": "^3.2.2",
33+
"@nuxtjs/pwa": "^3.3.5",
3534
"@nuxtjs/style-resources": "^1.0.0",
36-
"@types/node": "^14.11.8",
37-
"aws-amplify": "^3.3.4",
38-
"core-js": "^3.6.5",
39-
"cross-env": "^7.0.2",
40-
"date-fns": "^2.16.1",
41-
"dayjs": "^1.9.3",
35+
"@types/node": "^15.3.0",
36+
"aws-amplify": "^4.0.2",
37+
"core-js": "^3.12.1",
38+
"cross-env": "^7.0.3",
39+
"date-fns": "^2.21.3",
40+
"dayjs": "^1.10.4",
4241
"express": "^4.17.1",
43-
"nuxt": "^2.14.7",
44-
"nuxt-i18n": "^6.15.3",
45-
"nuxt-property-decorator": "^2.8.8",
42+
"nuxt": "^2.15.6",
43+
"nuxt-i18n": "^6.27.0",
44+
"nuxt-property-decorator": "^2.9.1",
4645
"nuxt-svg-loader": "^1.2.0",
4746
"nuxt-webfontloader": "^1.1.0",
48-
"uuid": "^8.3.1",
49-
"vue-property-decorator": "^9.0.2",
50-
"vuetify": "^2.3.14",
51-
"vuex": "^3.5.1",
47+
"uuid": "^8.3.2",
48+
"vue-property-decorator": "^9.1.2",
49+
"vuetify": "^2.5.0",
50+
"vuex": "^3.6.2",
5251
"vuex-class-component": "^2.3.5"
5352
},
5453
"devDependencies": {
55-
"@mdi/font": "^5.7.55",
56-
"@nuxt/types": "^2.14.7",
57-
"@nuxt/typescript-build": "^2.0.3",
58-
"@nuxtjs/eslint-config-typescript": "^3.0.0",
54+
"@mdi/font": "^5.9.55",
55+
"@nuxt/types": "^2.15.6",
56+
"@nuxt/typescript-build": "^2.1.0",
57+
"@nuxtjs/eslint-config-typescript": "^6.0.0",
5958
"@nuxtjs/stylelint-module": "^4.0.0",
60-
"@types/jest": "^26.0.14",
61-
"@vue/test-utils": "^1.1.0",
59+
"@types/jest": "^26.0.23",
60+
"@vue/test-utils": "^1.2.0",
6261
"babel-core": "^6.26.3",
6362
"babel-eslint": "^10.1.0",
64-
"babel-jest": "^26.5.2",
63+
"babel-jest": "^26.6.3",
64+
"consola": "^2.15.3",
6565
"cpx": "^1.5.0",
66-
"eslint": "^7.11.0",
67-
"eslint-config-prettier": "^6.12.0",
66+
"eslint": "^7.26.0",
67+
"eslint-config-prettier": "^8.3.0",
6868
"eslint-loader": "^4.0.2",
69-
"eslint-plugin-nuxt": "^1.0.0",
70-
"eslint-plugin-prettier": "^3.1.4",
71-
"eslint-plugin-tsdoc": "^0.2.7",
72-
"husky": "^4.3.0",
73-
"jest": "^26.5.3",
74-
"lint-staged": "^10.4.0",
75-
"node-sass": "^4.14.1",
76-
"nodemon": "^2.0.5",
77-
"prettier": "^2.1.2",
69+
"eslint-plugin-nuxt": "^2.0.0",
70+
"eslint-plugin-prettier": "^3.4.0",
71+
"eslint-plugin-tsdoc": "^0.2.14",
72+
"fibers": "^5.0.0",
73+
"husky": "^6.0.0",
74+
"jest": "^26.6.3",
75+
"lint-staged": "^11.0.0",
76+
"nodemon": "^2.0.7",
77+
"prettier": "^2.3.0",
7878
"rimraf": "^3.0.2",
79-
"sass-loader": "^10.0.3",
80-
"stylelint": "^13.7.2",
79+
"sass": "^1.32.13",
80+
"sass-loader": "10.1.1",
81+
"stylelint": "^13.13.1",
8182
"stylelint-config-prettier": "^8.0.2",
82-
"stylelint-config-standard": "^20.0.0",
83-
"stylelint-scss": "^3.18.0",
84-
"ts-jest": "^26.4.1",
85-
"ts-loader": "^8.0.5",
83+
"stylelint-config-standard": "^22.0.0",
84+
"stylelint-scss": "^3.19.0",
85+
"ts-jest": "^26.5.6",
86+
"ts-loader": "^8.2.0",
87+
"typescript": "4.0.5",
8688
"vue": "^2.6.12",
89+
"vue-class-component": "^7.2.6",
8790
"vue-jest": "^3.0.7",
8891
"vue-server-renderer": "^2.6.12",
89-
"vue-template-compiler": "^2.6.12"
92+
"vue-template-compiler": "^2.6.12",
93+
"webpack": "4.46.0"
9094
}
9195
}

src/components/AppLanguageSelector.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,7 @@ export default Vue.extend({
2626
return { locales: [{ text: 'N/A', value: '' }] }
2727
2828
return {
29+
// @ts-ignore
2930
locales: this.$root.$i18n.locales.map((l) => {
3031
if (typeof l === 'string') return { text: l, value: l }
3132
else return { text: l.displayName, value: l.code }

src/components/BaseInputField.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@
1414
outlined
1515
@input="$emit('input', $event)"
1616
>
17-
<template v-slot:prepend-inner>
17+
<template #prepend-inner>
1818
<v-icon :color="prependIconColor">{{ prependIcon }}</v-icon>
1919
</template>
20-
<template v-slot:append>
20+
<template #append>
2121
<v-icon
2222
color="blue"
2323
@click="show = !show"
@@ -40,7 +40,7 @@
4040
outlined
4141
@input="$emit('input', $event)"
4242
>
43-
<template v-slot:prepend-inner>
43+
<template #prepend-inner>
4444
<v-icon :color="prependIconColor">{{ prependIcon }}</v-icon>
4545
</template>
4646
</v-text-field>
@@ -59,7 +59,7 @@
5959
outlined
6060
@input="$emit('input', $event)"
6161
>
62-
<template v-slot:prepend-inner>
62+
<template #prepend-inner>
6363
<v-icon :color="prependIconColor">{{ prependIcon }}</v-icon>
6464
</template>
6565
</v-text-field>
@@ -78,7 +78,7 @@
7878
outlined
7979
@input="$emit('input', $event)"
8080
>
81-
<template v-slot:prepend-inner>
81+
<template #prepend-inner>
8282
<v-icon :color="prependIconColor">{{ prependIcon }}</v-icon>
8383
</template>
8484
</v-text-field>

src/components/EditLessonScreen.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -61,11 +61,6 @@ import EditLessonScreenInner3 from '@/components/EditLessonScreenInner3.vue'
6161
import EditLessonScreenInner4 from '@/components/EditLessonScreenInner4.vue'
6262
import classData from '@/types/store/classData'
6363
64-
type stateType = {
65-
error: boolean
66-
lessonData: LessonDataType
67-
}
68-
6964
type LessonDataType = {
7065
lessonId: string
7166
isHidden: boolean
@@ -85,6 +80,11 @@ type LessonDataType = {
8580
materialsUrl: string
8681
}
8782
83+
type stateType = {
84+
error: boolean
85+
lessonData: LessonDataType
86+
}
87+
8888
export default Vue.extend({
8989
components: {
9090
BaseActionButton,

src/components/EditLessonScreenInner1.vue

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,6 @@
121121
<editor-input-field-pickable
122122
v-model="tempFormData.startTime"
123123
:title="`${$t('components.editing_screen.labels.time')} *`"
124-
label="start_time"
125124
placeholder="00:00"
126125
:transparent="true"
127126
icon-name="mdi-clock-outline"
@@ -132,7 +131,6 @@
132131
<span class="Hyphen">-</span>
133132
<editor-input-field-pickable
134133
v-model="tempFormData.endTime"
135-
label="end_time"
136134
placeholder="00:00"
137135
:transparent="true"
138136
icon-name="mdi-clock-outline"
@@ -145,7 +143,6 @@
145143
<editor-input-field-pickable
146144
v-model="tempFormData.subjectName"
147145
:title="`${$t('common.lesson_data.labels.subject_name')} *`"
148-
label="lesson"
149146
placeholder="例)理科"
150147
class="LessonField"
151148
/>
@@ -161,7 +158,6 @@
161158
<editor-input-field-pickable
162159
v-model="tempFormData.title"
163160
:title="`${$t('common.lesson_data.labels.title')} *`"
164-
:label="$t('common.lesson_data.labels.title')"
165161
placeholder="例)理科"
166162
/>
167163
</div>

src/components/EditLessonScreenInner3.vue

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,6 @@
33
<editor-input-field-pickable
44
v-model="tempFormData.videoUrl"
55
:title="$t('components.editing_screen.labels.video_url')"
6-
label="video"
76
placeholder="https://"
87
/>
98

src/components/EditLessonScreenInner4.vue

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,16 @@
33
<editor-input-field-pickable
44
v-model="tempFormData.pages"
55
:title="$t('components.editing_screen.labels.textbook_page')"
6-
label="textbook_page"
76
placeholder="例)10〜14ページ"
87
/>
98
<editor-input-field-pickable
109
v-model="tempFormData.materialsTitle"
1110
:title="$t('components.editing_screen.labels.material_title')"
12-
label="sub_text"
1311
placeholder="例)やさしい理科教材"
1412
/>
1513
<editor-input-field-pickable
1614
v-model="tempFormData.materialsUrl"
1715
:title="$t('components.editing_screen.labels.material_url')"
18-
label="sub_text_url"
1916
placeholder="https://"
2017
/>
2118
</div>

src/components/EditingVisibilityDialog.vue

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,10 @@
2626
]"
2727
@click-outside="closeModal"
2828
>
29-
<template v-slot:title>
29+
<template #title>
3030
{{ modalTitle }}
3131
</template>
32-
<template v-slot:default>
32+
<template #default>
3333
<div class="EditingVisibilityModal-Contents">
3434
<p class="EditingVisibilityModal-Text">
3535
{{ date }} <br />
@@ -79,9 +79,6 @@ export default Vue.extend({
7979
value: {
8080
type: Object as () => classData.LessonWithId,
8181
required: true,
82-
default: {
83-
id: '',
84-
},
8582
},
8683
},
8784
data(): LocalData {

0 commit comments

Comments
 (0)