Estoy usando VueJs con mecanografiado y vite. Tengo un contenido de archivo de iconos son los siguientes:

 export const ICONS = { CLOCK: 'kbtmbyzy', CALENDAR: 'gphxrzct', }

En mi archivo main.ts. Adjunté esto como una propiedad global, después de importarlo desde el archivo.

 app.config.globalProperties.ICONS = ICONS;

tengo componente:

 <animated-icon :name="ICONS.CLOCK" />

Observe que ICONS está resaltado y muestra el siguiente error:

 Property 'ICONS' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{}>> & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>; ... 10 more ...; $watch(source: string | Function, cb: Function, options?: WatchOptions<...> | undefined): WatchStopHandle; } & ... 4 more ... & Co...'.ts(2339)

Estoy usando la API de composición vue3. Da el error cuando uso la api de composición con la configuración en la etiqueta del script: <script setup lang="ts"></script> Sin embargo, no da el error cuando se usa el valor predeterminado de exportación:

 export default { setup() {} } </script>

Quiero usar el primer método con la configuración en la etiqueta del script.