Using {{ }} for blade and @{{ }} for vue in new component

That's weird. I'm doing the exact same thing and it works fine.

Try to wrap everything inside the template with a div.

Thanks for your answer!

<spark-update-team-contact-information :team="team" inline-template>
    <div class="panel panel-default">
        <div class="panel-body">
            <h5 class="text-center m-t-xs m-b-lg">{{ trans('auth.header.team') }}</h5>
        </div>
    </div>
</spark-update-team-contact-information>

Still gives:

[Vue warn]: Property or method "trans" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in component <spark-update-team-contact-information>)

[Vue warn]: Error when rendering component <spark-update-team-contact-information>:

TypeError: trans is not a function

It seems like blade is not rendering this template somehow, only vue is. Other php variables that should be passed on with blade aren't working either.

Is that actually a blade template? You've not really provided any context as to where/how you're implementing this. If it's not a blade template, then of course blade isn't going to process it. :)

Where is this template defined? Is it pulled in by blade somewhere (and include, etc) or is this strictly just a vue template that is never interpreted by the blade engine?

Question: how is blade supposed to render the trans method when blade is not used when creating the component? You must define the method in the component I believe.

Thanks everyone, after looking over each aspect, in the end I discovered there was no '.blade' in the filename.

That'd do it. :)