totole/sapper-template
1
0
Fork 0
mirror of https://github.com/kevin-DL/sapper-template.git synced 2026-01-12 02:15:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixes

Browse Source
This commit is contained in:
Rich Harris
2019-04-24 16:55:33 -04:00
parent 186fb8525e
commit 2ad23c1bb9
3 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package_template.json
View File

@@ -19,7 +19,7 @@
"devDependencies": {
"npm-run-all": "^4.1.5",
"sapper": "alpha",
"svelte": "beta"
"svelte": "^3.0.0"
},
"merge-configs": {
"rollup": {

26
src/components/Nav.html → src/components/Nav.svelte
View File

@@ -1,13 +1,6 @@
<nav>
<ul>
<li><a class='{segment === undefined ? "selected" : ""}' href='.'>home</a></li>
<li><a class='{segment === "about" ? "selected" : ""}' href='about'>about</a></li>
<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
the blog data when we hover over the link or tap it on a touchscreen -->
<li><a rel=prefetch class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li>
</ul>
</nav>
<script>
export let segment;
</script>
<style>
nav {
@@ -53,4 +46,15 @@
padding: 1em 0.5em;
display: block;
}
</style>
</style>
<nav>
<ul>
<li><a class='{segment === undefined ? "selected" : ""}' href='.'>home</a></li>
<li><a class='{segment === "about" ? "selected" : ""}' href='about'>about</a></li>
<!-- for the blog link, we're using rel=prefetch so that Sapper prefetches
the blog data when we hover over the link or tap it on a touchscreen -->
<li><a rel=prefetch class='{segment === "blog" ? "selected" : ""}' href='blog'>blog</a></li>
</ul>
</nav>

2
src/routes/_layout.svelte
View File

@@ -1,5 +1,5 @@
<script>
import Nav from '../components/Nav.html';
import Nav from '../components/Nav.svelte';
export let segment;
</script>