How to use Laravel blade syntax in Vuejs

Question

How to implement this syntax of Laravel below inside a Vue.js component?

@if(!Auth::guest())
    @if(Auth::user()->id === $post->user->id)
        <a href=#>edit</a>
    @endif
@endif 

Answer 1

This works now

<example-component :user="{{json_encode(Auth::user())}}"></example-component>

Exemple.vue

<template>
  <p>{{ user.name }}</p>
</template>export default {props : ['user']}