<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>
