php - Vue Components not showing up using passport in laravel 5.3 -

as can see title trying out laravel 5.3 , passport.

so have gone through steps install laravel passport , far can see in place.

i have put corresponding vue components markup of home.blade.php follows test per docs have done so

@extends('layouts.app')  @section('content') <div class="container">     <div class="row">         <div class="col-md-8 col-md-offset-2">             <div class="panel panel-default">                 <div class="panel-heading">dashboard</div>                  <div class="panel-body">                     logged in!                 </div>             </div>         </div>      </div> </div>  <passport-clients></passport-clients> <passport-authorized-clients></passport-authorized-clients> <passport-personal-access-tokens></passport-personal-access-tokens> @endsection 

vue detected running in dev tools no vue components showing up.

here app.js

 vue.component('example', require('./components/example.vue'));  const app = new vue({     el: 'body' });   vue.component( 'passport-clients', require('./components/passport/clients.vue') );  vue.component(     'passport-authorized-clients',     require('./components/passport/authorizedclients.vue') );  vue.component(     'passport-personal-access-tokens',     require('./components/passport/personalaccesstokens.vue') ); 

i getting error

 vue.common.js?4a36:1019 [vue warn]: unknown custom element: <passport-clients> - did register component correctly? recursive components, make sure provide "name" option. 

any idea how can fix this?i new vue

in app.js file, import components below or in place of example component, before creating new vue object gets bound dom.

don't forget run gulp well. :)