Skip to content

Commit e8d98dc

Browse files
committed
added Trophies component, linted project
1 parent 07e7fd9 commit e8d98dc

File tree

5 files changed

+67
-12
lines changed

5 files changed

+67
-12
lines changed

babel.config.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
module.exports = {
2-
"presets": [
2+
presets: [
33
[
44
"@vue/app",
55
{
6-
"useBuiltIns": "entry"
6+
useBuiltIns: "entry"
77
}
88
]
99
]
10-
}
10+
};

src/App.vue

+4-1
Original file line numberDiff line numberDiff line change
@@ -5,16 +5,19 @@
55
<b-button variant="info" href="#">More Info</b-button>
66
</b-jumbotron>
77
<hunter text=""></hunter>
8+
<trophies></trophies>
89
</div>
910
</template>
1011

1112
<script>
1213
import Hunter from "./components/Hunter.vue";
14+
import Trophies from "./components/Trophies.vue";
1315
1416
export default {
1517
name: "app",
1618
components: {
17-
Hunter
19+
Hunter,
20+
Trophies
1821
}
1922
};
2023
</script>

src/components/Trophies.vue

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<template>
2+
<div>
3+
<b-table striped hover :items="items"></b-table>
4+
</div>
5+
</template>
6+
7+
<script>
8+
export default {
9+
name: "Trophies",
10+
data: function() {
11+
return {
12+
items: [
13+
{
14+
number: "A-1",
15+
author: "Brian McClune",
16+
subject: "Very Cool",
17+
date: new Date(1983, 2, 13)
18+
},
19+
{
20+
number: "A-2",
21+
author: "Brendan McClune",
22+
subject: "Still Pretty Good",
23+
date: new Date(1984, 5, 30)
24+
},
25+
{
26+
number: "A-3",
27+
author: "Megan McClune",
28+
subject: "Somehow Also Solid",
29+
date: new Date(1986, 11, 3)
30+
}
31+
]
32+
};
33+
}
34+
};
35+
</script>
36+
37+
<!-- Add "scoped" attribute to limit CSS to this component only -->
38+
<style scoped>
39+
h3 {
40+
margin: 40px 0 0;
41+
}
42+
ul {
43+
list-style-type: none;
44+
padding: 0;
45+
}
46+
li {
47+
display: inline-block;
48+
margin: 0 10px;
49+
}
50+
a {
51+
color: #42b983;
52+
}
53+
</style>

src/main.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import '@babel/polyfill'
2-
import 'mutationobserver-shim'
1+
import "@babel/polyfill";
2+
import "mutationobserver-shim";
33
import Vue from "vue";
4-
import './plugins/bootstrap-vue'
4+
import "./plugins/bootstrap-vue";
55
import App from "./App.vue";
66

77
Vue.config.productionTip = false;

vue.config.js

+4-5
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
1-
const fs = require('fs');
2-
31
module.exports = {
42
devServer: {
53
compress: true,
64
inline: true,
75
port: 8080,
8-
public: '122383a581114da9bc8fab766c8bc512.vfs.cloud9.us-east-2.amazonaws.com',
9-
},
10-
};
6+
public:
7+
"122383a581114da9bc8fab766c8bc512.vfs.cloud9.us-east-2.amazonaws.com"
8+
}
9+
};

0 commit comments

Comments
 (0)