@sfxcode/formkit-primevue 3.2.7 → 3.2.8

package/dist/components/PrimeOutputDate.vue

@@ -1,31 +1,41 @@
-<script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { d } = useI18n();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { d } = useI18n()
+
 const converted = computed(() => {
   if (props?.context?._value) {
-    let result = "";
-    const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : "short";
+    let result = ''
+    const format = props?.context?.attrs?.value?.format ? props?.context?.attrs.value.format : 'short'
     try {
-      result = d(props?.context?._value, format);
-    } catch (e) {
+      result = d(props?.context?._value, format)
+    }
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    catch (e) {
     }
-    return result;
-  } else {
-    return "";
+    return result
+  }
+  else {
+    return ''
   }
-});
+})
 </script>
 
 <template>

package/dist/components/PrimeOutputDate.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputDuration.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputDuration.vue

@@ -1,16 +1,22 @@
-<script setup>
-import { useFormKitSection, useOutputDuration } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { useFormKitSection, useOutputDuration } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { formattedDuration } = useOutputDuration();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { formattedDuration } = useOutputDuration()
 </script>
 
 <template>

package/dist/components/PrimeOutputDuration.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputLink.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputLink.vue

@@ -1,26 +1,33 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
 const url = computed(() => {
   if (props.context?._value)
-    return props.context?._value.indexOf("http") > -1 ? props.context?._value : `https://${props.context?._value}`;
+    return props.context?._value.indexOf('http') > -1 ? props.context?._value : `https://${props.context?._value}`
   else
-    return "";
-});
+    return ''
+})
+
 const title = computed(() => {
-  const value = props.context?._value ?? "";
-  return props.context?.title ?? value;
-});
+  const value = props.context?._value ?? ''
+  return props.context?.title ?? value
+})
 </script>
 
 <template>

package/dist/components/PrimeOutputLink.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputList.d.vue.ts

@@ -0,0 +1,19 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    convertValue?: (array: []) => [];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputList.vue

@@ -1,26 +1,37 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
+export interface PrimeOutputListProps {
+  convertValue?: (array: []) => []
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps,
+    required: true,
+  },
+})
+
 const listStyle = computed(() => {
-  return props.context?.listStyle || "span";
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+  return props.context?.listStyle || 'span'
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
 const getListValues = computed(() => {
-  const values = Array.isArray(props.context?._value) ? props.context._value : [];
-  if (typeof props.context?.convertValue === "function") {
-    return props.context.convertValue([...values]);
+  const values = Array.isArray(props.context?._value) ? props.context._value : []
+  if (typeof props.context?.convertValue === 'function') {
+    return props.context.convertValue([...values])
   }
-  return values;
-});
+  return values
+})
 </script>
 
 <template>

package/dist/components/PrimeOutputList.vue.d.ts

@@ -0,0 +1,19 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface PrimeOutputListProps {
+    convertValue?: (array: []) => [];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & PrimeOutputListProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputNumber.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputNumber.vue

@@ -1,36 +1,49 @@
-<script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
-const { n } = useI18n();
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
+const { n } = useI18n()
+
 const converted = computed(() => {
-  const value = props?.context?._value;
+  const value = props?.context?._value
   if (value) {
-    let result = "";
-    const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : "short";
+    let result = ''
+    const format = props?.context?.attrs?.format ? props?.context?.attrs?.format : 'short'
     try {
-      result = n(value, format);
-    } catch (e) {
+      result = n(value, format)
+    }
+    // eslint-disable-next-line unused-imports/no-unused-vars
+    catch (e) {
       try {
-        result = n(+value, format);
-      } catch (e2) {
+        result = n(+value, format)
+      }
+      // eslint-disable-next-line unused-imports/no-unused-vars
+      catch (e) {
       }
     }
-    return result;
-  } else {
-    return "";
+    return result
+  }
+  else {
+    return ''
   }
-});
+})
 </script>
 
 <template>

package/dist/components/PrimeOutputNumber.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputReference.d.vue.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputReference.vue

@@ -1,28 +1,35 @@
-<script setup>
-import { computed } from "vue";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps,
+    required: true,
+  },
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
+
 const reference = computed(() => {
-  const value = props.context?._value ?? "";
-  let result = props.context?.reference ? `${props.context?.reference}` : "reference-must-be-set";
-  if (!props.context?.internal && !result.includes("http"))
-    result = `https://${result}`;
-  return result.replace(/\{\{.*\}\}/, value);
-});
+  const value = props.context?._value ?? ''
+  let result = props.context?.reference ? `${props.context?.reference}` : 'reference-must-be-set'
+  if (!props.context?.internal && !result.includes('http'))
+    result = `https://${result}`
+  return result.replace(/\{\{.*\}\}/, value)
+})
+
 const title = computed(() => {
-  const value = props.context?._value ?? "";
-  const result = props.context?.title ?? value;
-  return `${result}`.replace(/\{\{.*\}\}/, value);
-});
+  const value = props.context?._value ?? ''
+  const result = props.context?.title ?? value
+  return `${result}`.replace(/\{\{.*\}\}/, value)
+})
 </script>
 
 <template>

package/dist/components/PrimeOutputReference.vue.d.ts

@@ -0,0 +1,16 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputText.d.vue.ts

@@ -0,0 +1,21 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { PropType } from 'vue';
+import type { FormKitIconProps } from './FormKitIcon.vue';
+export interface FormKitOutputTextProps {
+    html?: boolean;
+    isTranslationKey?: boolean;
+    convertValue?: (value: string) => string;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/PrimeOutputText.vue

@@ -1,32 +1,47 @@
-<script setup>
-import { computed } from "vue";
-import { useI18n } from "vue-i18n";
-import { useFormKitSection } from "../composables";
-import FormKitIcon from "./FormKitIcon.vue";
-import FormKitPrefix from "./FormKitPrefix.vue";
-import FormKitSuffix from "./FormKitSuffix.vue";
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { PropType } from 'vue'
+import type { FormKitIconProps } from './FormKitIcon.vue'
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { useFormKitSection } from '../composables'
+import FormKitIcon from './FormKitIcon.vue'
+import FormKitPrefix from './FormKitPrefix.vue'
+import FormKitSuffix from './FormKitSuffix.vue'
+
+export interface FormKitOutputTextProps {
+  html?: boolean
+  isTranslationKey?: boolean
+  convertValue?: (value: string) => string
+}
+
 const props = defineProps({
   context: {
-    type: Object,
-    required: true
-  }
-});
+    type: Object as PropType<FormKitFrameworkContext> & FormKitIconProps & FormKitOutputTextProps,
+    required: true,
+  },
+})
+
 const textValue = computed(() => {
-  const value = props.context?._value;
-  const { t } = useI18n();
+  const value = props.context?._value
+  const { t } = useI18n()
   if (value) {
     if (props.context?.isTranslationKey) {
-      return t(value);
-    } else if (typeof props.context?.convertValue === "function") {
-      return props.context?.convertValue(value);
-    } else {
-      return value;
+      return t(value)
+    }
+    else if (typeof props.context?.convertValue === 'function') {
+      return props.context?.convertValue(value)
+    }
+    else {
+      return value
     }
-  } else {
-    return "";
   }
-});
-const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context);
+  else {
+    return ''
+  }
+})
+
+const { hasPrefix, hasPrefixIcon, hasSuffix, hasSuffixIcon } = useFormKitSection(props.context)
 </script>
 
 <template>