vue中如何实现多个主题切换

Question

如题！
主题文件放在vue项目中，例如目录：

src/themes/settings.vue
src/themes/theme1/files
src/themes/theme2/files
src/themes/theme3/files

默认的主题名称从服务器的API接口中获得，例如API返回的数据：{"defaultTheme":"theme1"}。

每个主题的CSS文件名称不同，数量也不同。怎样可以实现切换主题？

Answer 1

function switchTheme(themeName) {
    import(`./${themeName}/files`)
}
switchTheme('theme1')