Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 7b0be82

Browse files
committed
Cleaned up pages, added lambdas namespace and pages
1 parent 4a85e5d commit 7b0be82

File tree

4 files changed

+111
-29
lines changed

4 files changed

+111
-29
lines changed

‎pages/index.vue

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -111,16 +111,10 @@ export default {
111111

112112
<style scoped lang="sass">
113113
p.wow
114-
// color: blue
115114
-ms-transform: rotate(-7deg)
116115
-webkit-transform: rotate(-7deg)
117116
transform: rotate(-7deg)
118-
// margin-left: 10%
119-
// position: absolute
120-
// left: 0
121117
font-size: 1.5rem
122118
margin-bottom: 0
123119
font-family: "Comic Sans MS", cursive, sans-serif
124-
// .header
125-
// transform: scale(1, 1.5) skew(10deg, 0deg)
126120
</style>

‎pages/items/index.vue

Lines changed: 2 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,14 @@
44
<div class="col-lg-12">
55
<h2 class="mb-0">Items</h2>
66
<p class="text-muted">
7-
Instantly generate your next codebase using any of the following
8-
Collection
7+
Pre-render dynamic pages from static data
98
</p>
109
</div>
1110

1211
<b-col lg="12">
1312
<b-row>
1413
<b-col lg="12">
15-
<transition-group name="generator-list" tag="div">
16-
<Item v-for="m in collection" :key="m.id" :model="m" />
17-
</transition-group>
14+
<Item v-for="m in collection" :key="m.id" :model="m" />
1815
</b-col>
1916
</b-row>
2017
</b-col>
@@ -49,21 +46,3 @@ export default {
4946
}
5047
}
5148
</script>
52-
53-
<style type="text/css">
54-
.generator-list-item {
55-
transition: all 1s;
56-
display: inline-block;
57-
margin-right: 10px;
58-
}
59-
60-
.generator-list-enter,
61-
.generator-list-leave-to {
62-
opacity: 0;
63-
transform: translateY(30px);
64-
}
65-
66-
.generator-list-leave-active {
67-
position: absolute;
68-
}
69-
</style>

‎pages/lambdas/hello.vue

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<template>
2+
<section class="container">
3+
<div class="row mt-3 mb-5">
4+
<div class="col-lg-12">
5+
<h2 class="mb-0">Hello World Lambda</h2>
6+
<p class="text-muted">
7+
A very simple lambda function that returns some text
8+
</p>
9+
</div>
10+
11+
<b-col lg="12">
12+
<div class="card card-body bg-dark text-light">
13+
<b-row>
14+
<b-col v-if="loading" lg="12" class="text-center">
15+
<font-awesome-icon size="4x" icon="spinner" spin />
16+
</b-col>
17+
<b-col v-else lg="12">
18+
<p>Response from Lambda: {{ response }}</p>
19+
<p v-if="error">
20+
<strong>Error {{ error.status }}</strong>
21+
<br />
22+
{{ error.data }}
23+
</p>
24+
</b-col>
25+
</b-row>
26+
</div>
27+
</b-col>
28+
</div>
29+
</section>
30+
</template>
31+
32+
<script>
33+
export default {
34+
head() {
35+
return {
36+
title: 'Nuxt Netlify Lambda - Hello World',
37+
meta: [
38+
{
39+
hid: 'description',
40+
name: 'description',
41+
content: 'Nuxt Netlify Lambda - Hello World Description'
42+
}
43+
]
44+
}
45+
},
46+
data() {
47+
return {
48+
response: '',
49+
error: null,
50+
loading: false
51+
}
52+
},
53+
created() {
54+
this.invokeLambda()
55+
},
56+
methods: {
57+
async invokeLambda() {
58+
this.loading = true
59+
try {
60+
const res = await this.$axios.$get('/.netlify/functions/hello')
61+
this.response = res
62+
this.error = null
63+
this.loading = false
64+
} catch (e) {
65+
this.error = e.response
66+
this.response = '—'
67+
this.loading = false
68+
}
69+
}
70+
}
71+
}
72+
</script>

‎pages/lambdas/index.vue

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<template>
2+
<section class="container">
3+
<div class="row mt-3 mb-5">
4+
<div class="col-lg-12">
5+
<h2 class="mb-0">Lambdas</h2>
6+
<p class="text-muted">
7+
A series of example Netlify Lambda functions
8+
</p>
9+
</div>
10+
11+
<b-col lg="12">
12+
<b-row>
13+
<b-col lg="12">
14+
Lambdas go here
15+
</b-col>
16+
</b-row>
17+
</b-col>
18+
</div>
19+
</section>
20+
</template>
21+
22+
<script>
23+
export default {
24+
head() {
25+
return {
26+
title: 'Nuxt Netlify Lambda Starter - Lambdas',
27+
meta: [
28+
{
29+
hid: 'description',
30+
name: 'description',
31+
content: 'My custom description'
32+
}
33+
]
34+
}
35+
}
36+
}
37+
</script>

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /