@bitrix24/b24ui-nuxt 0.6.0 → 0.6.1

package/dist/runtime/components/SelectMenu.vue

@@ -1,9 +1,5 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/select-menu";
-import { tv } from "../utils/tv";
-const appConfigSelectMenu = _appConfig;
-const selectMenu = tv({ extend: tv(theme), ...appConfigSelectMenu.b24ui?.selectMenu || {} });
 </script>
 
 <script setup>
@@ -30,11 +26,13 @@ import {
 } from "reka-ui";
 import { defu } from "defu";
 import { reactivePick, createReusableTemplate } from "@vueuse/core";
+import { useAppConfig } from "#imports";
 import { useButtonGroup } from "../composables/useButtonGroup";
 import { useComponentIcons } from "../composables/useComponentIcons";
 import { useFormField } from "../composables/useFormField";
 import { useLocale } from "../composables/useLocale";
 import { compare, get, isArrayOfArray } from "../utils";
+import { tv } from "../utils/tv";
 import icons from "../dictionary/icons";
 import B24Avatar from "./Avatar.vue";
 import B24Chip from "./Chip.vue";
@@ -86,6 +84,7 @@ const emits = defineEmits(["update:open", "change", "blur", "focus", "create", "
 const slots = defineSlots();
 const searchTerm = defineModel("searchTerm", { type: String, ...{ default: "" } });
 const { t } = useLocale();
+const appConfig = useAppConfig();
 const { contains } = useFilter({ sensitivity: "base" });
 const rootProps = useForwardPropsEmits(reactivePick(props, "modelValue", "defaultValue", "open", "defaultOpen", "required", "multiple", "resetSearchTermOnBlur", "resetSearchTermOnSelect", "highlightOnHover"), emits);
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8, position: "popper" }));
@@ -102,7 +101,7 @@ const [DefineCreateItemTemplate, ReuseCreateItemTemplate] = createReusableTempla
 const isTag = computed(() => {
   return props.tag;
 });
-const b24ui = computed(() => selectMenu({
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.selectMenu || {} })({
   color: color.value,
   size: selectSize?.value,
   loading: props.loading,