<template>
  <div>
    <h1>はじめてのメテオ</h1>
    <hr>
    <hello/>
    <hr>
    <info/>
    <hr>
  </div>
</template>

<script>
import Hello from './components/Hello.vue'
import Info from './components/Info.vue'

export default {
  components: {
    Hello,
    Info,
  },
}
</script>

<style>
  body {
    font-family: sans-serif;
    padding: 30px;
    background: linear-gradient(#afc, #ccf);
  }
</style>