<commit_before><template>
<div class="phgnkghfpyvkrvwiajkiuoxyrdaqpzcx">
	<h1>%i18n:@title%</h1>
	<p>%i18n:@sub-title%</p>
	<div class="play">
		<!--<el-button round>フリーマッチ(準備中)</el-button>-->
		<form-button primary round @click="match">%i18n:@invite%</form-button>
		<details>
			<summary>%i18n:@rule%</summary>
			<div>
				<p>%i18n:@rule-desc%</p>
				<dl>
					<dt><b>%i18n:@mode-invite%</b></dt>
					<dd>%i18n:@mode-invite-desc%</dd>
				</dl>
			</div>
		</details>
	</div>
	<section v-if="invitations.length > 0">
		<h2>%i18n:@invitations%</h2>
		<div class="invitation" v-for="i in invitations" tabindex="-1" @click="accept(i)">
			<mk-avatar class="avatar" :user="i.parent"/>
			<span class="name"><b>{{ i.parent | userName }}</b></span>
			<span class="username">@{{ i.parent.username }}</span>
			<mk-time :time="i.createdAt"/>
		</div>
	</section>
	<section v-if="myGames.length > 0">
		<h2>%i18n:@my-games%</h2>
		<a class="game" v-for="g in myGames" tabindex="-1" @click.prevent="go(g)" :href="`/reversi/${g.id}`">
			<mk-avatar class="avatar" :user="g.user1"/>
			<mk-avatar class="avatar" :user="g.user2"/>
			<span><b>{{ g.user1 | userName }}</b> vs <b>{{ g.user2 | userName }}</b></span>
			<span class="state">{{ g.isEnded ? '%i18n:@game-state.ended%' : '%i18n:@game-state.playing%' }}</span>
		</a>
	</section>
	<section v-if="games.length > 0">
		<h2>%i18n:@all-games%</h2>
		<a class="game" v-for="g in games" tabindex="-1" @click.prevent="go(g)" :href="`/reversi/${g.id}`">
			<mk-avatar class="avatar" :user="g.user1"/>
			<mk-avatar class="avatar" :user="g.user2"/>
			<span><b>{{ g.user1 | userName }}</b> vs <b>{{ g.user2 | userName }}</b></span>
			<span class="state">{{ g.isEnded ? '%i18n:@game-state.ended%' : '%i18n:@game-state.playing%' }}</span>
		</a>
	</section>
</div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({<commit_msg>fix #1776<commit_after><template>
<div class="phgnkghfpyvkrvwiajkiuoxyrdaqpzcx">
	<h1>%i18n:@title%</h1>
	<p>%i18n:@sub-title%</p>
	<div class="play">
		<!--<el-button round>フリーマッチ(準備中)</el-button>-->
		<form-button primary round @click="match">%i18n:@invite%</form-button>
		<details>
			<summary>%i18n:@rule%</summary>
			<div>
				<p>%i18n:@rule-desc%</p>
				<dl>
					<dt><b>%i18n:@mode-invite%</b></dt>
					<dd>%i18n:@mode-invite-desc%</dd>
				</dl>
			</div>
		</details>
	</div>
	<section v-if="invitations.length > 0">
		<h2>%i18n:@invitations%</h2>
		<div class="invitation" v-for="i in invitations" tabindex="-1" @click="accept(i)">
			<mk-avatar class="avatar" :user="i.parent"/>
			<span class="name"><b>{{ i.parent | userName }}</b></span>
			<span class="username">@{{ i.parent.username }}</span>
			<mk-time :time="i.createdAt"/>
		</div>
	</section>
	<section v-if="myGames.length > 0">
		<h2>%i18n:@my-games%</h2>
		<a class="game" v-for="g in myGames" tabindex="-1" @click.prevent="go(g)" :href="`/reversi/${g.id}`">
			<mk-avatar class="avatar" :user="g.user1"/>
			<mk-avatar class="avatar" :user="g.user2"/>
			<span><b>{{ g.user1 | userName }}</b> vs <b>{{ g.user2 | userName }}</b></span>
			<span class="state">{{ g.isEnded ? '%i18n:@game-state.ended%' : '%i18n:@game-state.playing%' }}</span>
			<mk-time :time="g.createdAt" />
		</a>
	</section>
	<section v-if="games.length > 0">
		<h2>%i18n:@all-games%</h2>
		<a class="game" v-for="g in games" tabindex="-1" @click.prevent="go(g)" :href="`/reversi/${g.id}`">
			<mk-avatar class="avatar" :user="g.user1"/>
			<mk-avatar class="avatar" :user="g.user2"/>
			<span><b>{{ g.user1 | userName }}</b> vs <b>{{ g.user2 | userName }}</b></span>
			<span class="state">{{ g.isEnded ? '%i18n:@game-state.ended%' : '%i18n:@game-state.playing%' }}</span>
			<mk-time :time="g.createdAt" />
		</a>
	</section>
</div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
{'fraction_non_alphanumeric': 0.27260981912144705, 'fraction_numerical': 0.026873385012919897, 'mean_word_length': 4.3173076923076925, 'pattern_counts': {'":': 0, '<': 161, '<?xml version=': 0, '>': 167, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5452940', 'n_tokens_mistral': 1894, 'n_tokens_neox': 1739, 'n_words': 268}