App.vue

<script>
  import Navbar from './components/global/Navbar.vue'
  import Preloader from './components/global/Preloader.vue'
  import Footer from './components/global/Footer.vue'
  import Home from './components/pages/Home.vue'
  import About from './components/freq/About.vue'
  import Gallery from './components/freq/Gallery.vue'
  import Events from './components/freq/Events.vue'
  export default {
    data() {
      return {

      }
    },
    components: {
      'g-preloader': Preloader,
      'g-navigation': Navbar,
      'g-footer': Footer,
      'v-home': Home,
      'f-about': About,
      'f-gallery': Gallery,
      'f-events': Events
    }
  }
</script>
<template>
  <main>
    <g-navigation />
    <v-home />
    <f-about />
    <f-gallery />
    <g-footer />
  </main>
</template>