Hello.vue

<template>
  <p>{{ greeting }} World!</p>
</template>

<script>
export default {
  data: function () {
    return {
      greeting: 'Hello'
    }
  }
}
</script>

<style scoped>
p {
  font-size: 2em;
  text-align: center;
}
</style>

Initial fork to change module.exports = into 'export default`.

Motivation: provide up to date version of https://vuejs.org/v2/guide/single-file-components.html