@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

package/dist/runtime/components/NavigationMenu.vue

@@ -1,16 +1,14 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/navigation-menu";
-import { tv } from "../utils/tv";
-const appConfigNavigationMenu = _appConfig;
-const navigationMenu = tv({ extend: tv(theme), ...appConfigNavigationMenu.b24ui?.navigationMenu || {} });
 </script>
 
 <script setup>
 import { computed, toRef } from "vue";
 import { NavigationMenuRoot, NavigationMenuList, NavigationMenuItem, NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, useForwardPropsEmits } from "reka-ui";
 import { createReusableTemplate } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { get, isArrayOfArray } from "../utils";
+import { tv } from "../utils/tv";
 import { pickLinkProps } from "../utils/link";
 import icons from "../dictionary/icons";
 import B24LinkBase from "./LinkBase.vue";
@@ -46,6 +44,7 @@ const props = defineProps({
 });
 const emits = defineEmits(["update:modelValue"]);
 const slots = defineSlots();
+const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(computed(() => ({
   as: props.as,
   modelValue: props.modelValue,
@@ -74,7 +73,7 @@ const [DefineItemTemplate, ReuseItemTemplate] = createReusableTemplate({
 const getLabel = (item) => {
   return get(item, props.labelKey);
 };
-const b24ui = computed(() => navigationMenu({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.navigationMenu || {} })({
   orientation: props.orientation,
   contentOrientation: props.contentOrientation,
   collapsed: props.collapsed,