laravel ログインしている時は名前を表示

Question

こんにちは。
簡単なこととは思いますが、うまくいきませんので、レビュー頂けますでしょうか？

Laravelのbladeテンプレートから、vueのcomponentに名前を渡して、表示したいです。

<header loginName="{{ Auth::user()->loginname }}"></header>

<template>
<div class="auth">{{ loginName }}</div>
</template>

<script>
export default{
  props: {
    loginName: {
      type: String
    }
  }
}
</scipt>

bladeテンプレートではログインした名前が表示されていますが、コンポートネントへのデータ受け渡しが間違っているのか、表示がされません。
ご指摘よろしくお願い致します。

Comments

[m.ts10806]

質問タグにVue.jsが必要では。