<commit_before><style>
	body {
		font: 16px/1.7 "lucida grande" ,"lucida sans unicode",lucida,"Helvetica Neue",helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	}
	body, ul, h1, h2, h3, h4 {
		margin: 0;
	}
	ul {
		padding-left: 0;
		list-style: none;
	}
	.main {
		max-width: 400px;
		margin: 20px auto;
		overflow: hidden;
	}
	.images-wrapper {
		width: 400px;
		height: 600px;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}
	.images {
		position: absolute;
		left: 0;
		width: 400px;
		height: 600px;
		.image {
			display: inline-block;
			.cover {
				width: 400px;
				height: 400px;
				background-size: cover;
			}
		}
	}
</style>

<template>
	<div class="main">
		<div class="images-wrapper">
			<ul class="images" :style="{left: '-' + index * 400 + 'px'}">
				<li
					class="image"
					v-for="image in images.images"<commit_msg>add transition<commit_after><style>
	body {
		font: 16px/1.7 "lucida grande" ,"lucida sans unicode",lucida,"Helvetica Neue",helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
	}
	body, ul, h1, h2, h3, h4 {
		margin: 0;
	}
	ul {
		padding-left: 0;
		list-style: none;
	}
	.main {
		max-width: 400px;
		margin: 0 auto;
		overflow: hidden;
	}
	.images-wrapper {
		width: 400px;
		height: 600px;
		overflow: hidden;
		white-space: nowrap;
		position: relative;
	}
	.images {
		position: absolute;
		left: 0;
		transition: left .3s;
		width: 400px;
		height: 600px;
		.image {
			display: inline-block;
			.cover {
				width: 400px;
				height: 400px;
				background-size: cover;
			}
		}
	}
</style>

<template>
	<div class="main">
		<div class="images-wrapper">
			<ul class="images" :style="{left: '-' + index * 400 + 'px'}">
				<li
					class="image"
					v-for="image in images.images"
{'fraction_non_alphanumeric': 0.16298342541436464, 'fraction_numerical': 0.04088397790055249, 'mean_word_length': 3.1921296296296298, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6145099', 'n_tokens_mistral': 896, 'n_tokens_neox': 723, 'n_words': 169}