Как исправить ошибку "Number" для реквизита module.exports

Question

У меня проблема с реквизитом типа Number в vue.js.

Я создал компонент vue.js:

<component v-bind:is="componentName"></component>

import Test from './components/Test';
export default ({
    components: {
        Test
    },
    data() {
        return {
            componentName: 'Test',
            level: 3,
        }
    },
}

В компоненте

module.exports = {
    props: {
        level: Number,
    },
}

Дает мне следующую ошибку:

Cannot assign to read only property 'exports' of object '#<Object>'

Если я поменяю тип реквизита на String и поставлю число в кавычки, это сработает.Что я здесь не так делаю, почему я не могу использовать числовой тип?