i got [vue/no-parsing-error] Parsing error: Unexpected token {

Question

Chats.php

<ChatsComponent :user="{{ Auth::user()}}" />

in ChatsComponent.php

<template>
 <div  class="container font-sans antialiased h-screen flex">
 <span class="font-bold">{{user.name}}</span>
 </div>
</template>



<script>
export default {
props:['user'],
}
</script

I dont know why i get this error iam using laravel8.x with innertia + vue

What is the purpose of :user="{{Auth::user()}}"? This is prop syntax and div is not a component. If you accept "user" as props, why do you use Laravel syntax in Javascript, BTW, it's not possible as far as I know. So your problem is there but the code doesn't make your intention clear. — Bulent
– Bulent, Commented Mar 16, 2021 at 19:01
Now looks good, but you are still trying to use a Laravel code in Js. It's not possible. Laravel codes are executed in the server while Js in the browser. — Bulent
– Bulent, Commented Mar 16, 2021 at 20:36

Boussadjra Brahim · Accepted Answer · 2021-03-16 19:25:33Z

1

Try to add !! inside the brackets like :

<ChatsComponent :user="{{!! Auth::user() !!}}" />

answered Mar 16, 2021 at 19:25

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

terinao Over a year ago

still deos not work, ive no idea couse im new to laravel and vue

Boussadjra Brahim Over a year ago

try it out without binding sign user="{{ Auth::user()}}"

Boussadjra Brahim Over a year ago

your file should be named Chats.blade.php

terinao · Accepted Answer · 2021-03-22 16:14:44Z

0

my solution is that i can't use Laravel syntax in javascript as they mentioned in the comment so i get user detail via controller and assign to props

is it a good practice? i don't know.

answered Mar 22, 2021 at 16:14

terinao

4894 silver badges16 bronze badges

1 Comment

Ikram Khizer Over a year ago

I recommend you to use Vuex, So at login, you can save that user to Store and retrieve easily anywhere in your Vue code.

Collectives™ on Stack Overflow

i got [vue/no-parsing-error] Parsing error: Unexpected token {

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related