Блог

У меня много тем. Когда я импортирую новую тему, как я могу удалить старую тему?

index.js
// хранит объект

 export default{
    state:{
          themes: ["vela-purple", "vela-orange", "vela-green", "vela-blue"],
          selectedTheme:"vela-purple"
    },
    getters:{
         getThemes(state){
             return state.themes;
         }
    },
    actions:{
         changeTheme({commit,state},payload){
             import("assets/resources/themes/"   payload   "/theme.css");
         }
    }
}
 

и мой компонент

 <template>
 <div class="dropdown">
            <button class="dropbtn">
                Temalar
                <i class="fa fa-caret-down"></i>
            </button>
            <div class="dropdown-content">
                <a v-for="theme in getThemes" :key="theme" @click="changeTheme(theme)">{{theme}}</a>
            </div>
        </div>
</template>
 

это работает, но я хочу удалить старые CSS-файлы.

или как я могу запустить код, как показано ниже?

 <script>
export default{
   data() {
            return {
                selectedTheme: "../../../../assets/themes/rhea/theme.css"
            }
        },
methods:{
   changeTheme(theme){
       this.selectedTheme="../../../../assets/themes/" theme "/theme.css";
   }
}
}
</script>

<style vars="{ selectedTheme }">
    @import (selectedTheme);
</style>