Skip to content
This repository was archived by the owner on Jul 10, 2019. It is now read-only.

Commit 9357ef4

Browse files
hisasannhisasann
committed
refactor: change html to pug and pug indent
1 parent 48e68ed commit 9357ef4

27 files changed

+232
-239
lines changed

‎src/components/ForkThis.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<template lang="pug">
2-
div
3-
a.github-corner(href='https://github.com/hisasann/typescript-nuxtjs', aria-label='View source on Github')
4-
svg(width='80', height='80', viewBox='0 0 250 250', aria-hidden='true')
5-
path(d='M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z')
6-
path.octo-arm(d='M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2', fill='currentColor')
7-
path(d='M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z', fill='currentColor')
2+
div
3+
a.github-corner(href='https://github.com/hisasann/typescript-nuxtjs', aria-label='View source on Github')
4+
svg(width='80', height='80', viewBox='0 0 250 250', aria-hidden='true')
5+
path(d='M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z')
6+
path.octo-arm(d='M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2', fill='currentColor')
7+
path(d='M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z', fill='currentColor')
88
</template>
99

1010
<style lang="scss" scoped>

‎src/components/HelloWorld.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
<template>
2-
<div>
3-
{{ message }}
4-
</div>
1+
<template lang="pug">
2+
div
3+
| {{ message }}
54
</template>
65

76
<script lang="ts">

‎src/components/LazyImage.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template lang="pug">
2-
img(:alt="alt" v-lazy="src")
2+
img(:alt="alt" v-lazy="src")
33
</template>
44

55
<script lang="ts">

‎src/components/Logo.vue

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
1-
<template>
2-
<div class="VueToNuxtLogo">
3-
<div class="Triangle Triangle--two"></div>
4-
<div class="Triangle Triangle--one"></div>
5-
<div class="Triangle Triangle--three"></div>
6-
<div class="Triangle Triangle--four"></div>
7-
</div>
1+
<template lang="pug">
2+
.VueToNuxtLogo
3+
.Triangle.Triangle--two
4+
.Triangle.Triangle--one
5+
.Triangle.Triangle--three
6+
.Triangle.Triangle--four
87
</template>
98

10-
<style>
9+
<style lang="scss" scoped>
1110
.VueToNuxtLogo {
1211
display: inline-block;
1312
animation: turn 2s linear forwards 1s;

‎src/components/Navbar.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<template lang="pug">
2-
section.header
3-
nuxt-link(to='/example', exact='')
4-
| Home
5-
nuxt-link(v-if='!isAuthenticated', to='/example/auth/sign-in')
6-
| Sign In
7-
nuxt-link(v-else='isAuthenticated', to='/example/auth/sign-off')
8-
| Sign Off
2+
section.header
3+
nuxt-link(to='/example', exact='')
4+
| Home
5+
nuxt-link(v-if='!isAuthenticated', to='/example/auth/sign-in')
6+
| Sign In
7+
nuxt-link(v-else='isAuthenticated', to='/example/auth/sign-off')
8+
| Sign Off
99
</template>
1010

1111
<script lang="ts">

‎src/pages/example/ajax/color.vue

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<template lang="pug">
2-
section.container
3-
h1.title
4-
| color
5-
div
6-
span color
7-
span |
8-
span
9-
nuxt-link(to="/example/ajax/schema") schema
10-
div
11-
img(:src="data.image.named")
12-
nuxt-link(to="/example/")
13-
| example top
2+
section.container
3+
h1.title
4+
| color
5+
div
6+
span color
7+
span |
8+
span
9+
nuxt-link(to="/example/ajax/schema") schema
10+
div
11+
img(:src="data.image.named")
12+
nuxt-link(to="/example/")
13+
| example top
1414
</template>
1515

1616
<script lang="ts">

‎src/pages/example/ajax/custom-http-headers.vue

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<template lang="pug">
2-
div
3-
h1.title
4-
| custom-http-headers
5-
hr
6-
h2 data
7-
p {{ data }}
8-
hr
9-
h2 headers
10-
p {{ headers['from-server'] }}
2+
div
3+
h1.title
4+
| custom-http-headers
5+
hr
6+
h2 data
7+
p {{ data }}
8+
hr
9+
h2 headers
10+
p {{ headers['from-server'] }}
1111
</template>
1212

1313
<script lang="ts">

‎src/pages/example/ajax/schema.vue

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<template lang="pug">
2-
section.container
3-
h1.title
4-
| schema
5-
div
6-
span
7-
nuxt-link(to="/example/ajax/color") color
8-
span |
9-
span scheme
10-
div
11-
img(:src="data.image.named")
12-
nuxt-link(to="/example/")
13-
| example top
2+
section.container
3+
h1.title
4+
| schema
5+
div
6+
span
7+
nuxt-link(to="/example/ajax/color") color
8+
span |
9+
span scheme
10+
div
11+
img(:src="data.image.named")
12+
nuxt-link(to="/example/")
13+
| example top
1414
</template>
1515

1616
<script lang="ts">

‎src/pages/example/api.vue

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<template lang="pug">
2-
div
3-
h1.title
4-
| api
5-
p store: {{this.$store.state.api.result}}
6-
p getter: {{this.$store.getters['api/getResult']}}
7-
p result.id: {{ result.id }}
8-
p result.value: {{ result.value }}
2+
div
3+
h1.title
4+
| api
5+
p store: {{this.$store.state.api.result}}
6+
p getter: {{this.$store.getters['api/getResult']}}
7+
p result.id: {{ result.id }}
8+
p result.value: {{ result.value }}
99
</template>
1010

1111
<script lang="ts">

‎src/pages/example/assets-and-static.vue

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
<template lang="pug">
2-
section
3-
h1.title
4-
| assets and static
5-
div
6-
h2 assets
7-
img(src='~/assets/images/lemon-sour.medium.jpg')
8-
div
9-
h2 static
10-
img(src='/lemon-sour.small.jpg')
11-
nuxt-link(to='/example/')
12-
| example top
2+
section
3+
h1.title
4+
| assets and static
5+
div
6+
h2 assets
7+
img(src='~/assets/images/lemon-sour.medium.jpg')
8+
div
9+
h2 static
10+
img(src='/lemon-sour.small.jpg')
11+
nuxt-link(to='/example/')
12+
| example top
1313
</template>
1414

1515
<script lang="ts">

0 commit comments

Comments
 (0)