Export Type

component.vue

<script lang="ts">
export enum BadgeLook {
  Success = 'success',
  Warning = 'warning',
  Danger = 'danger',
  Info = 'info',
}
</script>

<script lang="ts" setup>
import classes from './base-badge.module.css'

withDefaults(
  defineProps<{
    look: BadgeLook
  }>(),
  {
    look: BadgeLook.Info,
  }
)
</script>

<template>
  <div :class="[classes.badge, classes[look]]">
    <slot />
  </div>
</template>

test.vue

import BaseBadge, { BadgeLook } from 'xxxxx'