<commit_before><template>
	<div v-if="loading || repository === null"></div>
	<div v-else>
		<div class="repository-nav">
			<div class="uk-container">
				<div uk-grid>
					<div>
						<h3><span uk-icon="icon: lock"></span></h3>
					</div>

					<div style="padding-left: 16px;">
						<h3>
							<router-link :to="`/${owner_name}`">{{owner_name}}</router-link>
							<span>/</span>
							<router-link :to="`/${owner_name}/${repository.name}`">
								{{repository.name}}
							</router-link>
						</h3>
						<span>{{repository.description}}</span>
					</div>
				</div>

				<ul class="uk-child-width-expand" uk-tab>
					<li><a href="#">Project</a></li>
					<li><a href="#">Repository</a></li>
					<li><a href="#">
						Issues
						<span class="uk-badge">{{repository.issue_stats.open}}</span>
					</a></li>
					<li><a href="#">
						Pull Requests
						<span class="uk-badge">{{repository.pull_request_stats.open}}</span>
					</a></li>
					<li><a href="#">Pipelines</a></li>
					<li><a href="#">Settings</a></li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				loading: true,
				repository_id: '',
			}
		},
		created() {
			this.setLoading(true);

			const payload = {<commit_msg>Improve readability of repository page’s nav<commit_after><template>
	<div v-if="loading || repository === null"></div>
	<div v-else>
		<div class="repository-nav">
			<div class="uk-container">
				<div uk-grid>
					<div>
						<h3><span uk-icon="icon: lock"></span></h3>
					</div>

					<div style="padding-left: 16px;">
						<h3>
							<router-link :to="`/${owner_name}`">{{owner_name}}</router-link>
							<span>/</span>
							<router-link :to="`/${owner_name}/${repository.name}`">
								{{repository.name}}
							</router-link>
						</h3>
						<span>{{repository.description}}</span>
					</div>
				</div>

				<ul class="uk-child-width-expand" uk-tab>
					<li>
						<a href="#">Project</a>
					</li>
					<li>
						<a href="#">Repository</a>
					</li>
					<li>
						<a href="#">
							Issues
							<span class="uk-badge">{{repository.issue_stats.open}}</span>
						</a>
					</li>
					<li>
						<a href="#">
							Pull Requests
							<span class="uk-badge">{{repository.pull_request_stats.open}}</span>
						</a>
					</li>
					<li>
						<a href="#">Pipelines</a>
					</li>
					<li>
						<a href="#">Settings</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				loading: true,
				repository_id: '',
			}
		},
		created() {
			this.setLoading(true);

			const payload = {
{'fraction_non_alphanumeric': 0.23001136794240243, 'fraction_numerical': 0.004547176960970065, 'mean_word_length': 2.36734693877551, 'pattern_counts': {'":': 0, '<': 125, '<?xml version=': 0, '>': 125, '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': '1527597', 'n_tokens_mistral': 1349, 'n_tokens_neox': 951, 'n_words': 165}