use sapper:prefetch

pull/6795/head
Conduitry 5 years ago
parent c69d6215e2
commit 4db96e7b06

@ -22,7 +22,7 @@
<div class='posts stretch'> <div class='posts stretch'>
{#each posts as post} {#each posts as post}
<article class='post' data-pubdate={post.metadata.dateString}> <article class='post' data-pubdate={post.metadata.dateString}>
<a class="no-underline" rel='prefetch' href='blog/{post.slug}' title='Read the article »'> <a class="no-underline" sapper:prefetch href='blog/{post.slug}' title='Read the article »'>
<h2>{post.metadata.title}</h2> <h2>{post.metadata.title}</h2>
<p>{post.metadata.description}</p> <p>{post.metadata.description}</p>
</a> </a>

@ -26,7 +26,7 @@
<article class='faq'> <article class='faq'>
<h2> <h2>
<span id={faq.fragment} class="offset-anchor"></span> <span id={faq.fragment} class="offset-anchor"></span>
<a class="anchor" rel='prefetch' href='faq#{faq.fragment}' title='{faq.question}'>&nbsp;</a> <a class="anchor" href='faq#{faq.fragment}' title='{faq.question}'>&nbsp;</a>
{faq.metadata.question} {faq.metadata.question}
</h2> </h2>
<p>{@html faq.answer}</p> <p>{@html faq.answer}</p>

@ -87,7 +87,7 @@ npm run dev
<p style="flex: 1">See the <a href="blog/the-easiest-way-to-get-started">quickstart guide</a> for more information.</p> <p style="flex: 1">See the <a href="blog/the-easiest-way-to-get-started">quickstart guide</a> for more information.</p>
<p class="cta"><a rel="prefetch" href="tutorial">Learn Svelte</a></p> <p class="cta"><a sapper:prefetch href="tutorial">Learn Svelte</a></p>
</div> </div>
</Blurb> </Blurb>

@ -64,7 +64,7 @@
</style> </style>
<nav> <nav>
<a rel="prefetch" aria-label="Previous tutorial step" class="no-underline" href="tutorial/{(selected.prev || selected).slug}" class:disabled={!selected.prev}> <a sapper:prefetch aria-label="Previous tutorial step" class="no-underline" href="tutorial/{(selected.prev || selected).slug}" class:disabled={!selected.prev}>
<Icon name="arrow-left" /> <Icon name="arrow-left" />
</a> </a>
@ -88,7 +88,7 @@
</select> </select>
</div> </div>
<a rel="prefetch" aria-label="Next tutorial step" class="no-underline" href="tutorial/{(selected.next || selected).slug}" class:disabled={!selected.next}> <a sapper:prefetch aria-label="Next tutorial step" class="no-underline" href="tutorial/{(selected.next || selected).slug}" class:disabled={!selected.next}>
<Icon name="arrow-right" /> <Icon name="arrow-right" />
</a> </a>
</nav> </nav>

Loading…
Cancel
Save