- Complete GGZ Ecademy Nuxt.js user portal - Learning products browser and management - Member management interface - User authentication and roles - Multi-language support (NL/EN) - Vuex store for state management - Component-based architecture
This commit is contained in:
25
components/Logo.vue
Normal file
25
components/Logo.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template>
|
||||
|
||||
<component :is="logo" />
|
||||
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
theme: {
|
||||
type: String,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
computedTheme() {
|
||||
if (this.theme) return this.theme
|
||||
if (this.$vuetify.theme.dark) return 'dark'
|
||||
return 'light'
|
||||
},
|
||||
logo() {
|
||||
const customerLowercase = process.env.CUSTOMER.toLowerCase()
|
||||
return require(`@/assets/img/${customerLowercase}/logo-${this.computedTheme}.svg?inline`)
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user