Vue docs - scoped v-slots - typeError

Vue docs - scoped slots - multiple slots, with full <template>:
The example was expanded and passed it data.
In codepen, typeError is seen. If 2nd span containing password slot is commented out then it runs. Content gets replaced in 1st slot as it should.

typeError seen locally and codepen: https://codepen.io/ab2qik/pen/abzobWG?editors=1011

Thankyou.

<current-user id="scoped">
  <template v-slot:default="slotProps">
    {{slotProps.user && slotProps.user.firstName}}
  </template>

  <template v-slot:auth="slotPass">
    {{slotPass.password && slotPass.password.newpass}}
  </template>
</current-user>
Vue.component('current-user', {
    data() {
      return {
        user: {
          firstName: 'Jon',
          lastName: 'Doe'
        },
         password: {
           oldpass: 'xyz',
           newpass: 'abc123'
         }
      }
    },
    template: `
      <div>
        <span>
          <slot v-bind:user="user">
            
          </slot>
        </span>

        <span>
          <slot name="auth" v-bind:password="password">
          </slot>
        </span>
      </div>
    `
  })
  new Vue({
    el: '#scoped'
  })