<template>
  <div id="app">
    <hero></hero>
    <about></about>
    <do></do>
    <projects></projects>
    <skills></skills>
    <fork></fork>
    <contact></contact>
    <copyright></copyright>
  </div>
</template>

<script>
import Hero from './components/Hero';
import About from './components/About';
import Do from './components/Do';
import Projects from './components/Projects';
import Skills from './components/Skills';
import Contact from './components/Contact';
import Fork from './components/Fork';
import Copyright from './components/Copyright';

export default {
  name: 'app',
  components: {
    Hero,
    About,
    Do,
    Projects,
    Skills,
    Fork,
    Contact,
    Copyright,
  },
};
</script>

<template>
  <div id="app" v-cloak>
    <hero></hero>
    <about></about>
    <do></do>
    <projects></projects>
    <skills></skills>
    <fork></fork>
    <contact></contact>
    <copyright></copyright>
  </div>
</template>

<script>
import Hero from './components/Hero';
import About from './components/About';
import Do from './components/Do';
import Projects from './components/Projects';
import Skills from './components/Skills';
import Contact from './components/Contact';
import Fork from './components/Fork';
import Copyright from './components/Copyright';

export default {
  name: 'app',
  components: {
    Hero,
    About,
    Do,
    Projects,
    Skills,
    Fork,
    Contact,
    Copyright,
  },
};
</script>

Use v-cloak to hide content untill load
Use v-cloak to hide content untill load
