Skip to content

Commit 9308883

Browse files
keillerakeillera
committed
Fix lint.
1 parent 1080f99 commit 9308883

File tree

9 files changed

+386
-256
lines changed

9 files changed

+386
-256
lines changed

‎.eslintrc.js‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,9 @@ module.exports = {
66
},
77
parserOptions: {
88
parser: '@babel/eslint-parser',
9+
babelOptions: {
10+
presets: ["@babel/preset-react"]
11+
},
912
requireConfigFile: false,
1013
},
1114
plugins: [

‎app/components/atoms/TagInfo.vue‎

Lines changed: 67 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,29 @@
11
<template>
22
<div class="area-tag-info" :style="tagInfoStyle">
3-
<nuxt-link v-if="bannerUrl" :to="bannerUrl" >
3+
<nuxt-link v-if="bannerUrl" :to="bannerUrl">
44
<div class="banner" />
55
</nuxt-link>
66
<div class="header-link">
7-
<nuxt-link class="link-item" to="/">TOP /</nuxt-link>
8-
<nuxt-link class="link-item" to="/articles/popular?topic=game">ゲーム /</nuxt-link>
9-
<nuxt-link class="link-item" to="/nft_games">NFTゲームランキング /</nuxt-link>
7+
<nuxt-link class="link-item" to="/">
8+
TOP /
9+
</nuxt-link>
10+
<nuxt-link class="link-item" to="/articles/popular?topic=game">
11+
ゲーム /
12+
</nuxt-link>
13+
<nuxt-link class="link-item" to="/nft_games">
14+
NFTゲームランキング /
15+
</nuxt-link>
1016
<span class="link-item">{{ nftGameInfo.name }}</span>
1117
</div>
1218
<div class="tag-title">
13-
<img alt="tag-icon" :src="`/d/nuxt/dist/img/static/bcg_ranking/icon/${nftGameInfo.key}.png`" class="tag-icon" />
14-
<p class="tag-title-text">{{ nftGameInfo.name }}</p>
19+
<img
20+
alt="tag-icon"
21+
:src="`/d/nuxt/dist/img/static/bcg_ranking/icon/${nftGameInfo.key}.png`"
22+
class="tag-icon"
23+
>
24+
<p class="tag-title-text">
25+
{{ nftGameInfo.name }}
26+
</p>
1527
<div class="area-link-button">
1628
<app-button v-if="nftGameInfo.officialPageUrl" class="official-site">
1729
<a :href="nftGameInfo.officialPageUrl" target="_blank">
@@ -27,53 +39,79 @@
2739
</div>
2840

2941
<div class="area-ranking-info">
30-
<span class="ranking-info-text">記事タグ：<span class="ranking-no">{{ this.nftGameInfo.tag_name }}</span></span>
42+
<span
43+
class="ranking-info-text"
44+
>記事タグ：<span class="ranking-no">{{ nftGameInfo.tag_name }}</span></span>
3145
</div>
3246
<div class="area-sns">
3347
<span class="sns-text">SNS：</span>
3448
<a v-if="nftGameInfo.twitter" :href="nftGameInfo.twitter" target="_blank" class="sns-icon">
3549
<i class="fab fa-twitter" />
3650
</a>
37-
<a v-if="nftGameInfo.telegramUrl" :href="nftGameInfo.telegramUrl" target="_blank" class="sns-icon">
51+
<a
52+
v-if="nftGameInfo.telegramUrl"
53+
:href="nftGameInfo.telegramUrl"
54+
target="_blank"
55+
class="sns-icon"
56+
>
3857
<i class="fab fa-telegram" />
3958
</a>
4059
<a v-if="nftGameInfo.discord" :href="nftGameInfo.discord" target="_blank" class="sns-icon">
4160
<i class="fab fa-discord" />
4261
</a>
4362
</div>
44-
4563
</div>
4664

4765
<item-label :labelName="`ゲーム統計情報`" :addLink="addLink" :addText="addText" />
4866
<div class="ranking-info">
4967
<div class="ranking-item">
50-
<div class="ranking-title">ALIS記事数</div>
51-
<div class="ranking-value">{{ nftGameInfo.tag_count ? nftGameInfo.tag_count: 0 }}</div>
68+
<div class="ranking-title">
69+
ALIS記事数
70+
</div>
71+
<div class="ranking-value">
72+
{{ nftGameInfo.tag_count ? nftGameInfo.tag_count : 0 }}
73+
</div>
5274
</div>
5375
<div class="ranking-item">
54-
<div class="ranking-title">ユーザー数(1日)</div>
55-
<div class="ranking-value">{{ nftGameInfo.active_users_today ? nftGameInfo.active_users_today: '-'}}</div>
76+
<div class="ranking-title">
77+
ユーザー数(1日)
78+
</div>
79+
<div class="ranking-value">
80+
{{ nftGameInfo.active_users_today ? nftGameInfo.active_users_today : '-' }}
81+
</div>
5682
</div>
5783
<div class="ranking-item">
58-
<div class="ranking-title">ユーザー数(7日)</div>
59-
<div class="ranking-value">{{ nftGameInfo.active_users_7days ? nftGameInfo.active_users_7days: '-'}}</div>
84+
<div class="ranking-title">
85+
ユーザー数(7日)
86+
</div>
87+
<div class="ranking-value">
88+
{{ nftGameInfo.active_users_7days ? nftGameInfo.active_users_7days : '-' }}
89+
</div>
6090
</div>
6191
<div class="ranking-item">
62-
<div class="ranking-title">ユーザー数(30日)</div>
63-
<div class="ranking-value">{{ nftGameInfo.active_users_30days ? nftGameInfo.active_users_30days: '-' }}</div>
92+
<div class="ranking-title">
93+
ユーザー数(30日)
94+
</div>
95+
<div class="ranking-value">
96+
{{ nftGameInfo.active_users_30days ? nftGameInfo.active_users_30days : '-' }}
97+
</div>
6498
</div>
6599
<div class="ranking-item">
66-
<div class="ranking-title">ユーザー数(合計)</div>
67-
<div class="ranking-value">{{ nftGameInfo.total_users ? nftGameInfo.total_users : '-'}}</div>
100+
<div class="ranking-title">
101+
ユーザー数(合計)
102+
</div>
103+
<div class="ranking-value">
104+
{{ nftGameInfo.total_users ? nftGameInfo.total_users : '-' }}
105+
</div>
68106
</div>
69107
</div>
70108
</div>
71109
</template>
72110

73111
<script>
112+
import { mapGetters } from 'vuex'
74113
import AppButton from '../atoms/AppButton'
75114
import ItemLabel from '../atoms/ItemLabel'
76-
import { mapGetters, mapActions } from 'vuex'
77115
78116
export default {
79117
components: {
@@ -83,7 +121,7 @@ export default {
83121
data() {
84122
return {
85123
addLink: '',
86-
addText: '',
124+
addText: ''
87125
}
88126
},
89127
props: {
@@ -96,24 +134,23 @@ export default {
96134
return this.tagInfo && this.tagInfo.bannerUrl ? this.tagInfo.bannerUrl : null
97135
},
98136
tagInfoStyle() {
99-
if(this.bannerUrl) {
137+
if (this.bannerUrl) {
100138
return {
101139
'--banner-background': `#fff url(${this.tagInfo.bannerUrl}) no-repeat`,
102140
'--banner-background-sp': `#fff url(${this.tagInfo.bannerSpUrl}) no-repeat`
103141
}
104142
}
105143
return null
106144
},
107-
...mapGetters('nftGames', ['nftGameInfo']),
145+
...mapGetters('nftGames', ['nftGameInfo'])
108146
},
109147
mounted() {
110148
// google optimize
111149
window.dataLayer.push({
112150
event: 'optimize.activate',
113151
key: this.nftGameInfo.tag_name
114152
})
115-
},
116-
153+
}
117154
}
118155
</script>
119156

@@ -132,7 +169,7 @@ export default {
132169
height: 130px;
133170
margin-bottom: 3px;
134171
}
135-
.header-link{
172+
.header-link {
136173
.link-item {
137174
color: #6e6e6e;
138175
font-size: 14px;
@@ -157,7 +194,7 @@ export default {
157194
color: #030303;
158195
font-size: 32px;
159196
font-weight: 600;
160-
font-family: Helvetica Neue, Arial, sans-serif;;
197+
font-family: Helvetica Neue, Arial, sans-serif;
161198
text-overflow: ellipsis;
162199
}
163200
.area-link-button {
@@ -195,7 +232,7 @@ export default {
195232
}
196233
.area-sns {
197234
margin: 5px 0 15px 0;
198-
.sns-text{
235+
.sns-text {
199236
font-size: 14px;
200237
color: #6e6e6e;
201238
}
@@ -209,7 +246,7 @@ export default {
209246
}
210247
.area-ranking-info {
211248
margin: 20px 0 0 0;
212-
.ranking-info-text{
249+
.ranking-info-text {
213250
font-size: 14px;
214251
color: #6e6e6e;
215252
}
@@ -226,7 +263,6 @@ export default {
226263
margin-right: 3px;
227264
}
228265
}
229-
230266
}
231267
232268
.ranking-info {
@@ -257,7 +293,7 @@ export default {
257293
}
258294
}
259295
}
260-
.footer-text{
296+
.footer-text {
261297
color: #6e6e6e;
262298
font-size: 9px;
263299
text-decoration: none;

0 commit comments

Comments
 (0)