44 lines
604 B
Vue
44 lines
604 B
Vue
<template>
|
|
<div class="container">
|
|
<h1>{{ greeting }}</h1>
|
|
<p>{{ message }}</p>
|
|
<input v-model="message">
|
|
<p class="container__frig">rendered: {{ frig }}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import 'normalize.css'
|
|
|
|
export default {
|
|
computed: {
|
|
frig() {
|
|
return new Date() + '';
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
message: 'welp',
|
|
greeting: 'yoiks',
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
body {
|
|
color: white;
|
|
background: black;
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.container {
|
|
padding: 2rem;
|
|
|
|
&__frig {
|
|
font-size: .8rem;
|
|
color: gray;
|
|
}
|
|
}
|
|
</style>
|