Move tons of stuff into oldstuff/
This commit is contained in:
43
oldstuff/vuefun/src/App.vue
Normal file
43
oldstuff/vuefun/src/App.vue
Normal file
@@ -0,0 +1,43 @@
|
||||
<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>
|
Reference in New Issue
Block a user