LINK-MANAGER/plop/component/component.hbs

<script setup lang="ts">
import { useDesign } from '@/hooks/web/useDesign'

const { getPrefixCls } = useDesign()

const prefixCls = getPrefixCls('{{ name }}')
</script>

<template>
  <div :class="`${prefixCls}-{{ name }}`">{{ upperFirstName }}</div>
</template>