Skip to content

Commit 706e686

Browse files
championswimmerchampionswimmer
committed
Add all the templates
Signed-off-by: Arnav Gupta <[email protected]>
1 parent 726970f commit 706e686

File tree

19 files changed

+5907
-190
lines changed

19 files changed

+5907
-190
lines changed

‎package.json

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,10 @@
1212
"dependencies": {
1313
"vue": "^2.5.17",
1414
"vue-class-component": "^6.0.0",
15-
"vue-property-decorator": "^7.0.0",
15+
"vue-property-decorator": "^7.2.0",
1616
"vue-router": "^3.0.1",
17-
"vuex": "^3.0.1"
17+
"vuex": "^3.0.1",
18+
"vuex-module-decorators": "^0.9.2"
1819
},
1920
"devDependencies": {
2021
"@types/jest": "^23.1.4",

‎public/index.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8+
<link href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css">
9+
<link href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
810
<title>realworld-vue-ts</title>
911
</head>
1012
<body>

‎src/App.vue

Lines changed: 16 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,23 @@
11
<template>
22
<div id="app">
3-
<div id="nav">
4-
<router-link to="/">Home</router-link> |
5-
<router-link to="/about">About</router-link>
6-
</div>
7-
<router-view />
3+
<AppNavbar></AppNavbar>
4+
<router-view></router-view>
5+
<AppFooter></AppFooter>
86
</div>
97
</template>
108

11-
<style>
12-
#app {
13-
font-family: 'Avenir', Helvetica, Arial, sans-serif;
14-
-webkit-font-smoothing: antialiased;
15-
-moz-osx-font-smoothing: grayscale;
16-
text-align: center;
17-
color: #2c3e50;
18-
}
19-
#nav {
20-
padding: 30px;
21-
}
9+
<script lang="ts">
10+
import { Vue, Component } from 'vue-property-decorator';
11+
import AppFooter from '@/components/AppFooter.vue';
12+
import AppNavbar from '@/components/AppNavbar.vue';
2213
23-
#nav a {
24-
font-weight: bold;
25-
color: #2c3e50;
26-
}
14+
@Component({
15+
components: {
16+
AppFooter,
17+
AppNavbar,
18+
},
19+
})
20+
export default class App extends Vue {}
21+
</script>
2722

28-
#nav a.router-link-exact-active {
29-
color: #42b983;
30-
}
31-
</style>
23+
<style></style>

0 commit comments

Comments
 (0)