[Vue warn]: Missing required prop: "route"

hello guys i google lots and if found that props should use to pass parameter from laravel blade to vue component here is my register blade

          @extends('layouts.auth')

           @section('content')
              <router-view name="register" :route="{{ route('my-route') }}"></router-view>
             <router-view></router-view>

         @endsection

here is my app.js file(location resource/asset)

       require('./bootstrap');
       window.Vue = require('vue');
      import VueRouter from 'vue-router';

       window.Vue.use(VueRouter);

      import Register from './website/auth/register.vue';


       const routes = [
              {path: '/register', component: Register, name: 'register'},
            ]

             const router = new VueRouter({ routes })

          const app = new Vue({ router }).$mount('#app')

here is my register.vue

             <template>
              <a :href="route">back</a>
             </template>
              <script>
                 export default{
                           props: {
                    route: { type: String, required:true }
                 },
           }
              </script>

but it throw error like this

              [Vue warn]: Missing required prop: "route"

          found in

         ---> <Register> at resources\assets\js\website\auth\register.vue
   <Root>

why this error occur help me i m new to vue