Alexey Velikiy
3 years ago
4 changed files with 32 additions and 40 deletions
@ -0,0 +1,26 @@ |
|||||||
|
<template> |
||||||
|
<div id="chart"> |
||||||
|
asdsa |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import { defineComponent } from 'vue'; |
||||||
|
|
||||||
|
// TODO: place chartwerk |
||||||
|
// TODO: fetch data from API |
||||||
|
// TODO: set height |
||||||
|
export default defineComponent({ |
||||||
|
name: 'Graph', |
||||||
|
props: {}, |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
#chart { |
||||||
|
margin: auto; |
||||||
|
width: 80%; |
||||||
|
height: 50%; |
||||||
|
background: red; |
||||||
|
} |
||||||
|
</style> |
@ -1,34 +0,0 @@ |
|||||||
<template> |
|
||||||
<div class="hello"> |
|
||||||
<h1>{{ msg }}</h1> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script lang="ts"> |
|
||||||
import { defineComponent } from 'vue'; |
|
||||||
|
|
||||||
export default defineComponent({ |
|
||||||
name: 'HelloWorld', |
|
||||||
props: { |
|
||||||
msg: String, |
|
||||||
}, |
|
||||||
}); |
|
||||||
</script> |
|
||||||
|
|
||||||
<!-- Add "scoped" attribute to limit CSS to this component only --> |
|
||||||
<style scoped lang="scss"> |
|
||||||
h3 { |
|
||||||
margin: 40px 0 0; |
|
||||||
} |
|
||||||
ul { |
|
||||||
list-style-type: none; |
|
||||||
padding: 0; |
|
||||||
} |
|
||||||
li { |
|
||||||
display: inline-block; |
|
||||||
margin: 0 10px; |
|
||||||
} |
|
||||||
a { |
|
||||||
color: #42b983; |
|
||||||
} |
|
||||||
</style> |
|
@ -1,18 +1,18 @@ |
|||||||
<template> |
<template> |
||||||
<div class="home"> |
<div class="home"> |
||||||
<img alt="Vue logo" src="../assets/logo.png"> |
<img alt="Vue logo" src="../assets/logo.png"> |
||||||
<HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/> |
<graph /> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script lang="ts"> |
<script lang="ts"> |
||||||
import { defineComponent } from 'vue'; |
import { defineComponent } from 'vue'; |
||||||
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src |
import Graph from '@/components/Graph.vue'; |
||||||
|
|
||||||
export default defineComponent({ |
export default defineComponent({ |
||||||
name: 'Home', |
name: 'Home', |
||||||
components: { |
components: { |
||||||
HelloWorld, |
Graph, |
||||||
}, |
}, |
||||||
}); |
}); |
||||||
</script> |
</script> |
||||||
|
Loading…
Reference in new issue