@if (contents?.length) {
    <div class="text-base text-file-viewer">
        @for (line of contents; track line; let i = $index) {
            <pre class="line">
                <span class="line-number">{{ i + 1 }}</span>
                <span>{{ line }}</span>
            </pre>
        }
    </div>
} @else {
    <div class="text-base text-file-viewer">The file is empty or it does not exist.</div>
}