[Vuejs]-Vue Apollo instance option issues, can't configure properly

by

0👍

✅

The HTML in the blade file is being replaced with the content of the App component once it’s mounted, hence the brief appearance and subsequent white page. Move the markup from the blade file into your App component:

App.vue

<template>
  <div class="container">
     <div class="row justify-content-center">
        <h1>Here</h1>
        <manufacturers-component></manufacturers-component>
        <product-groups-component></product-groups-component>
        <products-component></products-component>
     </div>
  </div>
</template>
<script>
    export default {
        name: 'app',
    }
</script>

index.blade.php

@extends('layouts.app')

@section('content')
    <div id="app"></div>
@endsection
👤Brian Lee

Leave a comment