Progress Bar for routes not working

[michaelespiritu]

in documentation

{ path: '/achievement', name: 'achievement', component: './components/Achievement.vue', meta: { progress: { func: [ {call: 'color', modifier: 'temp', argument: '#ffb000'}, {call: 'fail', modifier: 'temp', argument: '#6e0000'}, {call: 'location', modifier: 'temp', argument: 'top'}, {call: 'transition', modifier: 'temp', argument: {speed: '1.5s', opacity: '0.6s', termination: 400}} ] } } }

my code:

{ path: '/', name: 'profile', component: require('./components/Profile.vue'), meta: { progress: { func: [ {call: 'color', modifier: 'temp', argument: '#e2cc1f'}, {call: 'fail', modifier: 'temp', argument: '#e2cc1f'}, {call: 'location', modifier: 'temp', argument: 'top'}, {call: 'transition', modifier: 'temp', argument: {speed: '1.5s', opacity: '1.6s', termination: 400}} ] } } }