javascript - Vuejs:非同期インポートの読み込みで小道具の値を設定するには?

Question

インポートした非同期コンポーネントの読み込みコンポーネントを設定しようとしています。これは機能しますが、マウントする前にこのコンポーネントの「色」小道具を変更します。どうすればそれを達成できますか?

<script>
import loaderEllipsis from '@/components/common/loaderEllipsis.vue'
import SettingsNavigation from '@/components/views/Settings/SettingsNavigation.vue'

export default {
        name: 'view_settings',
        components: {

            loaderEllipsis,
            SettingsNavigation,
            SettingsOverview: function(){
                return {
                loading: loaderEllipsis, //<-- I want to change the color props here before mount it.
                component: new Promise(function(resolve, reject) {
                    setTimeout(function() {
                        resolve(import(/* webpackChunkName: "settings-overview" */ '@/components/views/Settings/SettingsOverview.vue') );
                    }, 15000);
                }),

                }
            }
        }
}
</script>

とにかく小道具の色に変更しようとしましたが、うまくいきません。ご協力いただきありがとうございます ！