Skip to content
Permalink
Browse files

Initial setup

  • Loading branch information...
Lee Richmond
Lee Richmond committed Sep 18, 2018
1 parent 89cf87d commit be690c3038380e17e326935d595a0b83fc8004f9
Showing with 45 additions and 123 deletions.
  1. +4 −27 README.md
  2. +1 −0 package.json
  3. +29 −12 src/App.vue
  4. BIN src/assets/logo.png
  5. +0 −63 src/components/HelloWorld.vue
  6. +1 −9 src/router.ts
  7. +0 −5 src/views/About.vue
  8. +1 −7 src/views/Home.vue
  9. +2 −0 tsconfig.json
  10. +3 −0 vue.config.js
  11. +4 −0 yarn.lock
@@ -1,31 +1,8 @@
# employee-directory-vue

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```
Frontend for [Graphiti Rails Sample App](https://github.com/graphiti-api/employee_directory)

### Lints and fixes files
```
yarn run lint
```

### Run your unit tests
```
yarn run test:unit
```

### Run your end-to-end tests
```
yarn run test:e2e
```
yarn install
PROXY=http://localhost:3000 yarn serve
```
@@ -10,6 +10,7 @@
"test:e2e": "vue-cli-service test:e2e"
},
"dependencies": {
"bootstrap": "4.1.3",
"vue": "^2.5.17",
"vue-router": "^3.0.1"
},
@@ -1,29 +1,46 @@
<template>
<div id="app">
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
<router-view/>
</div>
</template>

<style lang="scss">
@import '~bootstrap/scss/bootstrap.scss';
#app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
}
#nav {
padding: 30px;
a {
font-weight: bold;
color: #2c3e50;
&.router-link-exact-active {
color: #42b983;
.query {
padding: 1rem;
th a {
cursor: pointer;
}
.meta {
margin-top: 0.5rem;
}
.pagination {
margin-left: 1rem;
a {
&:hover {
color: darken(#90CAF9, 20%);
cursor: pointer;
}
&:nth-child(2) {
margin-left: 0.5rem;
}
}
}
}
</style>
.persist {
padding: 1rem;
}
</style>
BIN -6.69 KB src/assets/logo.png
Binary file not shown.

This file was deleted.

@@ -10,14 +10,6 @@ export default new Router({
path: '/',
name: 'home',
component: Home
},
{
path: '/about',
name: 'about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ './views/About.vue')
}
]
})
})

This file was deleted.

@@ -1,18 +1,12 @@
<template>
<div class="home">
<img alt="Vue logo" src="../assets/logo.png">
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
</div>
</template>

<script lang="ts">
import Vue from 'vue';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
export default Vue.extend({
name: 'home',
components: {
HelloWorld,
},
});
</script>
</script>
@@ -8,6 +8,8 @@
"moduleResolution": "node",
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strictPropertyInitialization": false,
"experimentalDecorators": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
@@ -1,3 +1,6 @@
module.exports = {
devServer: {
proxy: process.env.PROXY
},
lintOnSave: false
}
@@ -1445,6 +1445,10 @@ boolbase@^1.0.0, boolbase@~1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"

bootstrap@4.1.3:
version "4.1.3"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.1.3.tgz#0eb371af2c8448e8c210411d0cb824a6409a12be"

brace-expansion@^1.0.0, brace-expansion@^1.1.7:
version "1.1.11"
resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"

0 comments on commit be690c3

Please sign in to comment.
You can’t perform that action at this time.