@bitrix24/b24ui-nuxt 0.6.0 → 0.6.2

package/dist/runtime/prose/H6.vue.d.ts

@@ -1,111 +1,15 @@
-declare const proseH6: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-    leading: string[];
-    leadingIcon: string;
-    link: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-    leading: string[];
-    leadingIcon: string;
-    link: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-    leading: string[];
-    leadingIcon: string;
-    link: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
-            leading?: import("tailwind-variants").ClassValue;
-            leadingIcon?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-    leading: string[];
-    leadingIcon: string;
-    link: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-    leading: string[];
-    leadingIcon: string;
-    link: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseH6Props {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/h6';
+import type { ComponentConfig } from '../types/utils';
+type ProseH6 = ComponentConfig<typeof theme, AppConfig, 'h6', 'b24ui.prose'>;
+export interface ProseH6Props {
     class?: any;
-    b24ui?: Partial<typeof proseH6.slots>;
+    b24ui?: ProseH6['slots'];
 }
-export interface proseH6Slots {
+export interface ProseH6Slots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseH6Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseH6Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseH6Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseH6Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseH6Slots> & ProseH6Slots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Hr.vue

@@ -1,21 +1,19 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/hr";
-import { tv } from "../utils/tv";
-const appConfigProseHr = _appConfig;
-const proseHr = tv({ extend: tv(theme), ...appConfigProseHr.b24ui?.prose?.hr || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseHr({});
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.hr || {} })());
 </script>
 
 <template>
-  <hr
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <hr :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
 </template>

package/dist/runtime/prose/Hr.vue.d.ts

@@ -1,67 +1,12 @@
-declare const proseHr: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseHrProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/hr';
+import type { ComponentConfig } from '../types/utils';
+type ProseHr = ComponentConfig<typeof theme, AppConfig, 'hr', 'b24ui.prose'>;
+export interface ProseHrProps {
     class?: any;
-    b24ui?: Partial<typeof proseHr.slots>;
+    b24ui?: ProseHr['slots'];
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseHrProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseHrProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseHrProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseHrProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Img.vue

@@ -1,21 +1,19 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/img";
-import { tv } from "../utils/tv";
-const appConfigProseImg = _appConfig;
-const proseImg = tv({ extend: tv(theme), ...appConfigProseImg.b24ui?.prose?.img || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseImg({});
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.img || {} })());
 </script>
 
 <template>
-  <img
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <img :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
 </template>

package/dist/runtime/prose/Img.vue.d.ts

@@ -1,70 +1,12 @@
-declare const proseImg: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseImgProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/img';
+import type { ComponentConfig } from '../types/utils';
+type ProseImg = ComponentConfig<typeof theme, AppConfig, 'img', 'b24ui.prose'>;
+export interface ProseImgProps {
     class?: any;
-    b24ui?: Partial<typeof proseImg.slots>;
-}
-export interface proseImgSlots {
-    default(props?: {}): any;
+    b24ui?: ProseImg['slots'];
 }
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseImgProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseImgProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseImgProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseImgProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Li.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/li";
-import { tv } from "../utils/tv";
-const appConfigProseLi = _appConfig;
-const proseLi = tv({ extend: tv(theme), ...appConfigProseLi.b24ui?.prose?.li || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseLi({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.li || {} })());
 </script>
 
 <template>
-  <li
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <li :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </li>
 </template>

package/dist/runtime/prose/Li.vue.d.ts

@@ -1,72 +1,15 @@
-declare const proseLi: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseLiProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/li';
+import type { ComponentConfig } from '../types/utils';
+type ProseLi = ComponentConfig<typeof theme, AppConfig, 'li', 'b24ui.prose'>;
+export interface ProseLiProps {
     class?: any;
-    b24ui?: Partial<typeof proseLi.slots>;
+    b24ui?: ProseLi['slots'];
 }
-export interface proseLiSlots {
+export interface ProseLiSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseLiProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseLiProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseLiProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseLiProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseLiSlots> & ProseLiSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/Ol.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/ol";
-import { tv } from "../utils/tv";
-const appConfigProseOl = _appConfig;
-const proseOl = tv({ extend: tv(theme), ...appConfigProseOl.b24ui?.prose?.ol || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseOl({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.ol || {} })());
 </script>
 
 <template>
-  <ol
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <ol :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </ol>
 </template>

package/dist/runtime/prose/Ol.vue.d.ts

@@ -1,72 +1,15 @@
-declare const proseOl: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: import("tailwind-variants").ClassValue | {
-            base?: import("tailwind-variants").ClassValue;
-        };
-    };
-} | {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
-    base: string;
-}, undefined, unknown, unknown, undefined>>>;
-export interface proseOlProps {
+import type { AppConfig } from '@nuxt/schema';
+import theme from '#build/b24ui/prose/ol';
+import type { ComponentConfig } from '../types/utils';
+type ProseOl = ComponentConfig<typeof theme, AppConfig, 'ol', 'b24ui.prose'>;
+export interface ProseOlProps {
     class?: any;
-    b24ui?: Partial<typeof proseOl.slots>;
+    b24ui?: ProseOl['slots'];
 }
-export interface proseOlSlots {
+export interface ProseOlSlots {
     default(props?: {}): any;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseOlProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<proseOlProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseOlProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<ProseOlProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<ProseOlSlots> & ProseOlSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {

package/dist/runtime/prose/P.vue

@@ -1,23 +1,22 @@
 <script>
-import _appConfig from "#build/app.config";
 import theme from "#build/b24ui/prose/p";
-import { tv } from "../utils/tv";
-const appConfigProseP = _appConfig;
-const proseP = tv({ extend: tv(theme), ...appConfigProseP.b24ui?.prose?.p || {} });
 </script>
 
 <script setup>
+import { computed } from "vue";
+import { useAppConfig } from "#imports";
+import { tv } from "../utils/tv";
 const props = defineProps({
   class: { type: null, required: false },
-  b24ui: { type: Object, required: false }
+  b24ui: { type: null, required: false }
 });
-const b24ui = proseP({});
+defineSlots();
+const appConfig = useAppConfig();
+const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.prose?.p || {} })());
 </script>
 
 <template>
-  <p
-    :class="b24ui.base({ class: [props.class, props.b24ui?.base] })"
-  >
+  <p :class="b24ui.base({ class: [props.class, props.b24ui?.base] })">
     <slot />
   </p>
 </template>