Skip to content

Commit f6af1c0

Browse files
aekscoaeksco
committed
Cleaned up .vue components
1 parent 42272d7 commit f6af1c0

File tree

7 files changed

+169
-163
lines changed

7 files changed

+169
-163
lines changed

‎components/Item.vue

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
2-
<div class="card card-body mb-2">
3-
<div class="row">
4-
<div class="col-lg-12 d-flex justify-content-between align-items-center">
2+
<b-card class="mb-2">
3+
<b-row>
4+
<b-col lg="12" class="d-flex justify-content-between align-items-center">
55
<p
66
class="lead mb-0 w-100 d-flex justify-content-between align-items-center"
77
>
@@ -10,15 +10,15 @@
1010
{{ model.label }}
1111
</router-link>
1212
</p>
13-
</div>
13+
</b-col>
1414

15-
<div class="col-lg-12">
15+
<b-col lg="12">
1616
<p class="card-text mb-2">
1717
{{ model.description }}
1818
</p>
19-
</div>
20-
</div>
21-
</div>
19+
</b-col>
20+
</b-row>
21+
</b-card>
2222
</template>
2323

2424
<script>

‎pages/about.vue

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,24 @@
11
<template>
2-
<section class="container">
3-
<div class="row mt-4">
4-
<div class="col-lg-12">
5-
<div class="row">
6-
<div class="col-lg-12 text-center">
2+
<b-container>
3+
<b-row class="mt-4">
4+
<b-col lg="12">
5+
<b-row>
6+
<b-col lg="12" class="text-center">
77
<h4 class="display-4">About</h4>
8-
</div>
9-
</div>
8+
</b-col>
9+
</b-row>
1010

11-
<div class="row py-2">
12-
<div class="col-lg-12 text-center">
11+
<b-row class="py-2">
12+
<b-col lg="12" class="text-center">
1313
<p class="lead">This is just a simple About page</p>
1414
<p class="lead">
15-
Use it as a template to build out some simple pages
15+
Use it as a template to build out some new pages
1616
</p>
17-
</div>
18-
</div>
19-
</div>
20-
</div>
21-
</section>
17+
</b-col>
18+
</b-row>
19+
</b-col>
20+
</b-row>
21+
</b-container>
2222
</template>
2323

2424
<script>

‎pages/index.vue

+121-115
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,133 @@
11
<template>
2-
<div class="row">
3-
<div class="col-lg-12">
4-
<div class="row mt-2">
5-
<div class="col-lg-12 text-center">
6-
<p class="wow">
7-
wow, it's...
8-
</p>
9-
<h4 class="display-4">Nuxt Netlify Lambda Starter</h4>
10-
</div>
11-
</div>
2+
<b-container>
3+
<b-row>
4+
<b-col lg="12">
5+
<b-row class="mt-2">
6+
<b-col lg="12" class="text-center">
7+
<p class="wow">
8+
wow, it's...
9+
</p>
10+
<h4 class="display-4">Nuxt Netlify Lambda Starter</h4>
11+
</b-col>
12+
</b-row>
1213

13-
<div class="row">
14-
<div class="col-lg-12 text-center">
15-
<p class="text-muted">
16-
(what a name!)
17-
</p>
18-
<p class="lead">
19-
SEO-friendly website starter backed by Netlify lambda functions
20-
</p>
21-
<p class="lead">
22-
All in a single, friendly repo -
23-
<i>nice.</i>
24-
</p>
25-
</div>
14+
<b-row>
15+
<b-col lg="12" class="text-center">
16+
<p class="text-muted">
17+
(what a name!)
18+
</p>
19+
<p class="lead">
20+
SEO-friendly website starter backed by Netlify lambda functions
21+
</p>
22+
<p class="lead">
23+
All in a single, friendly repo -
24+
<i>nice.</i>
25+
</p>
26+
</b-col>
2627

27-
<div class="col-lg-12 d-flex flex-column align-items-center mb-3">
28-
<gh-btns-star slug="aeksco/nuxt-netlify-lambda-starter" show-count />
29-
</div>
28+
<b-col lg="12" class="d-flex flex-column align-items-center mb-3">
29+
<gh-btns-star
30+
slug="aeksco/nuxt-netlify-lambda-starter"
31+
show-count
32+
/>
33+
</b-col>
3034

31-
<div class="col-lg-12 d-flex flex-column align-items-center">
32-
<h4>Overview</h4>
33-
<ul class="lead">
34-
<li>
35-
Pre-rendered app with
36-
<a href="https://vuejs.org" target="_blank">Vue</a> +
37-
<a href="https://nuxtjs.org" target="_blank">Nuxt.js</a>
38-
</li>
39-
<li>
40-
Deploy the full stack in seconds with
41-
<a href="http://netlify.com" target="_blank">Netlify</a>
42-
</li>
43-
<li>
44-
Amaze your <a href="/friends">friends</a>
45-
with dynamic static pages
46-
</li>
47-
</ul>
48-
</div>
35+
<b-col lg="12" class="d-flex flex-column align-items-center">
36+
<h4>Overview</h4>
37+
<ul>
38+
<li class="lead">
39+
Pre-rendered app with
40+
<a href="https://vuejs.org" target="_blank">Vue</a> +
41+
<a href="https://nuxtjs.org" target="_blank">Nuxt.js</a>
42+
</li>
43+
<li class="lead">
44+
Deploy the full stack in seconds with
45+
<a href="http://netlify.com" target="_blank">Netlify</a>
46+
</li>
47+
<li class="lead">
48+
Amaze your <a href="/friends">friends</a>
49+
with dynamic static pages
50+
</li>
51+
</ul>
52+
</b-col>
4953

50-
<div class="col-lg-12 d-flex flex-column align-items-center">
51-
<h4>Features</h4>
52-
<ul>
53-
<li>
54-
Includes
55-
<a
56-
href="https://analytics.google.com/analytics/web/#/"
57-
target="_blank"
58-
>
59-
Google Analytics
60-
</a>
61-
,
62-
<a href="https://hotjar.com" target="_blank">HotJar</a>, and
63-
<a href="https://mailchimp.com" target="_blank">
64-
MailChimp
65-
</a>
66-
out of the box
67-
</li>
68-
<li>
69-
Includes
70-
<a
71-
href="https://developers.google.com/search/docs/guides/intro-structured-data"
72-
target="_blank"
73-
>
74-
JSON-LD
75-
</a>
76-
snippet for fantastic SEO
77-
</li>
78-
<li>
79-
Bundled with
80-
<a
81-
href="https://github.com/FortAwesome/vue-fontawesome"
82-
target="_blank"
83-
>
84-
FontAwesome 5
85-
</a>
86-
optimized for performance
87-
</li>
88-
<li>
89-
Built with
90-
<a href="https://getbootstrap.com" target="_blank">
91-
Bootstrap
92-
</a>
93-
&amp;
94-
<a href="https://bootstrap-vue.js.org/" target="_blank">
95-
Bootsrap-Vue
96-
</a>
97-
</li>
54+
<b-col lg="12" class="d-flex flex-column align-items-center">
55+
<h4>Features</h4>
56+
<ul>
57+
<li>
58+
Includes
59+
<a
60+
href="https://analytics.google.com/analytics/web/#/"
61+
target="_blank"
62+
>
63+
Google Analytics
64+
</a>
65+
,
66+
<a href="https://hotjar.com" target="_blank">HotJar</a>, and
67+
<a href="https://mailchimp.com" target="_blank">
68+
MailChimp
69+
</a>
70+
out of the box
71+
</li>
72+
<li>
73+
Includes
74+
<a
75+
href="https://developers.google.com/search/docs/guides/intro-structured-data"
76+
target="_blank"
77+
>
78+
JSON-LD
79+
</a>
80+
snippet for fantastic SEO
81+
</li>
82+
<li>
83+
Bundled with
84+
<a
85+
href="https://github.com/FortAwesome/vue-fontawesome"
86+
target="_blank"
87+
>
88+
FontAwesome 5
89+
</a>
90+
optimized for performance
91+
</li>
92+
<li>
93+
Built with
94+
<a href="https://getbootstrap.com" target="_blank">
95+
Bootstrap
96+
</a>
97+
&amp;
98+
<a href="https://bootstrap-vue.js.org/" target="_blank">
99+
Bootsrap-Vue
100+
</a>
101+
</li>
98102

99-
<li>
100-
Written in
101-
<a href="https://es6.io/" target="_blank">ES6</a> &amp;
102-
<a href="https://sass-lang.com" target="_blank">SASS</a>
103-
</li>
104-
</ul>
105-
</div>
103+
<li>
104+
Written in
105+
<a href="https://es6.io/" target="_blank">ES6</a> &amp;
106+
<a href="https://sass-lang.com" target="_blank">SASS</a>
107+
</li>
108+
</ul>
109+
</b-col>
106110

107-
<div
108-
class="col-lg-12 text-center d-flex flex-column align-items-center"
109-
>
110-
<p class="lead mb-0 mt-2">
111-
<span>Built with </span>
112-
<font-awesome-icon icon="heart" class="text-danger" />
113-
<span class="px-1">by</span>
114-
<a href="https://github.com/aeksco" target="_blank">@aeksco</a>
115-
</p>
111+
<b-col
112+
lg="12"
113+
class="text-center d-flex flex-column align-items-center"
114+
>
115+
<p class="lead mb-0 mt-2">
116+
<span>Built with </span>
117+
<font-awesome-icon icon="heart" class="text-danger" />
118+
<span class="px-1">by</span>
119+
<a href="https://github.com/aeksco" target="_blank">@aeksco</a>
120+
</p>
116121

117-
<gh-btns-follow class="mt-3" user="aeksco" show-count />
122+
<gh-btns-follow class="mt-3" user="aeksco" show-count />
118123

119-
<br />
120-
<br />
121-
</div>
122-
</div>
123-
</div>
124-
</div>
124+
<br />
125+
<br />
126+
</b-col>
127+
</b-row>
128+
</b-col>
129+
</b-row>
130+
</b-container>
125131
</template>
126132

127133
<script>

‎pages/items/_id/index.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<template>
2-
<section class="container mt-4">
2+
<b-container class="mt-4">
33
<router-link to="/items">Back</router-link>
44
<Item :model="model" />
5-
</section>
5+
</b-container>
66
</template>
77

88
<script>

‎pages/items/index.vue

+6-6
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
<template>
2-
<section class="container">
3-
<div class="row mt-3 mb-5">
4-
<div class="col-lg-12">
2+
<b-container>
3+
<b-row class="mt-3 mb-5">
4+
<b-col lg="12">
55
<h2 class="mb-0">Items</h2>
66
<p class="text-muted">
77
Pre-render dynamic pages from static data
88
</p>
9-
</div>
9+
</b-col>
1010

1111
<b-col lg="12">
1212
<b-row>
@@ -15,8 +15,8 @@
1515
</b-col>
1616
</b-row>
1717
</b-col>
18-
</div>
19-
</section>
18+
</b-row>
19+
</b-container>
2020
</template>
2121

2222
<script>

0 commit comments

Comments
 (0)