|
|
@@ -19,7 +19,7 @@
|
|
|
<div v-if="item.heading" class="menu-item pt-5">
|
|
|
<div class="menu-content">
|
|
|
<span class="menu-heading fw-bold text-uppercase fs-7">
|
|
|
- {{ translate(item.heading) }}
|
|
|
+ {{ item.heading }}
|
|
|
</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -33,7 +33,7 @@
|
|
|
<inline-svg :src="menuItem.svgIcon" />
|
|
|
</span>
|
|
|
</span>
|
|
|
- <span class="menu-title">{{ translate(menuItem.heading) }}</span>
|
|
|
+ <span class="menu-title">{{ menuItem.heading }}</span>
|
|
|
</router-link>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -51,7 +51,7 @@
|
|
|
<inline-svg :src="menuItem.svgIcon" />
|
|
|
</span>
|
|
|
</span>
|
|
|
- <span class="menu-title">{{ translate(menuItem.sectionTitle) }}</span>
|
|
|
+ <span class="menu-title">{{ menuItem.sectionTitle }}</span>
|
|
|
<span class="menu-arrow"></span>
|
|
|
</span>
|
|
|
<div :class="{ show: hasActiveChildren(menuItem.route) }" class="menu-sub menu-sub-accordion">
|
|
|
@@ -61,7 +61,7 @@
|
|
|
<span class="menu-bullet">
|
|
|
<span class="bullet bullet-dot"></span>
|
|
|
</span>
|
|
|
- <span class="menu-title">{{ translate(item2.heading) }}</span>
|
|
|
+ <span class="menu-title">{{ item2.heading }}</span>
|
|
|
</router-link>
|
|
|
</div>
|
|
|
<div
|
|
|
@@ -75,7 +75,7 @@
|
|
|
<span class="menu-bullet">
|
|
|
<span class="bullet bullet-dot"></span>
|
|
|
</span>
|
|
|
- <span class="menu-title">{{ translate(item2.sectionTitle) }}</span>
|
|
|
+ <span class="menu-title">{{ item2.sectionTitle }}</span>
|
|
|
<span class="menu-arrow"></span>
|
|
|
</span>
|
|
|
<div :class="{ show: hasActiveChildren(item2.route) }" class="menu-sub menu-sub-accordion">
|
|
|
@@ -85,7 +85,7 @@
|
|
|
<span class="menu-bullet">
|
|
|
<span class="bullet bullet-dot"></span>
|
|
|
</span>
|
|
|
- <span class="menu-title">{{ translate(item3.heading) }}</span>
|
|
|
+ <span class="menu-title">{{ item3.heading }}</span>
|
|
|
</router-link>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -106,32 +106,15 @@
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
//import { getAssetPath } from "@/core/helpers/assets"
|
|
|
-import { onMounted, ref } from "vue"
|
|
|
+import { ref } from "vue"
|
|
|
import { useRoute } from "vue-router"
|
|
|
import { sidebarMenuIcons } from "@/core/helpers/config"
|
|
|
-import { useI18n } from "vue-i18n"
|
|
|
import appStore from "@/stores"
|
|
|
|
|
|
-const { t, te } = useI18n()
|
|
|
const route = useRoute()
|
|
|
-const scrollElRef = ref<null | HTMLElement>(null)
|
|
|
|
|
|
const MainMenu = ref(appStore.menuStore.getSidebarMenus())
|
|
|
|
|
|
-onMounted(() => {
|
|
|
- if (scrollElRef.value) {
|
|
|
- scrollElRef.value.scrollTop = 0
|
|
|
- }
|
|
|
-})
|
|
|
-
|
|
|
-const translate = (text: string) => {
|
|
|
- if (te(text)) {
|
|
|
- return t(text)
|
|
|
- } else {
|
|
|
- return text
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
const hasActiveChildren = (match: string) => {
|
|
|
return route.path.indexOf(match) !== -1
|
|
|
}
|