console.${1|log,info,error|}('${2|LOG:,WARN:,ERROR:,INFO:|}', $0)

 <Button type="${1|default,primary,text|}" size="${2|normal,small,mini|}" ${3|success,danger,warning|} @click="() => {})">${4|按钮|}</Button>

 <Cell title="${1|标题|}" value="${2|值|}" ${3|is-link|} @click="() => {})">${4|内容|}</Cell>

 <Popup
   v-model:show="show"
   position="bottom"
   round
   safe-area-inset-bottom
   teleport="body"
 >
   ${1|<!-- const show = ref(false) -->|}
   <Button @click="handleCancel">取消</Button>
   <Button type="primary" @click="handleSure">确定</Button>
   ${2|
   <!-- function handleCancel() {
     show.value = false;
   }
   function handleSure() {
     show.value = false;
   } -->|}
 </Popup>

 <CheckboxGroup v-model="${1|checked|}">
   <Checkbox name="a">复选框 a</Checkbox>
   <Checkbox name="b">复选框 b</Checkbox>}
 </CheckboxGroup>

 <Field
   v-model="value"
   type="${1|text,tel,digit,number,textarea,password|}"
   label="标题"
   placeholder="请输入文本"
   ${2|required|}
   ${3|is-link|}
 />

 <Form @failed="onFailed">
   <!-- 通过 pattern 进行正则校验 -->
   <Field
     v-model="value1"
     label="文本"
     name="pattern"
     placeholder="正则校验"
     :rules="[{pattern, message: '请输入正确的内容'}]"
   />
   <!-- 通过 validator 进行函数校验 -->
   <Field
     v-model="value2"
     label="文本"
     name="validator"
     placeholder="函数校验"
     :rules="[{validator, message: '请输入正确的内容'}]"
   />
   <Button type="primary" block>提交</Button>
 </Form>

 <RadioGroup v-model="${1|checked|}">
   <Radio name="a">单选框 a</Radio>
   <Radio name="b">单选框 b</Radio>
 </RadioGroup>

 <Switch v-model="${1|checked|}">${2|开关|}</Switch>

 <form action="/">
   <Search
     v-model="value1"
     placeholder="请输入搜索关键词"
     show-action
     @search="onSearch"
     @cancel="onCancel"
   />
   ${0}
 </form>

 <ActionSheet
   v-model:show="show"
   title="标题"
   cancel-text="取消"
   confirm-text="确认"
 />

 <PullRefresh
   ref="pullRefreshRef"
   v-model="isLoading"
   @refresh="onRefresh"
 >
 ${0}
 </PullRefresh>

 <Empty type="${1|no_data,no_video,no_image,no_file,no_conversation,no_message,no_collection,no_order,no_goods,no_task,no_address,no_customer,no_account,no_decorate,activity_over,activity_to_start,open_browser,error_page,error_net,error_data,error_video,error_image,error_file|}" description="${2|描述文字|}">

 <List
   v-model:loading="loading"
   :finished="finished"
   finished-text="没有更多了"
   @load="onLoad"
 >
   ${1|<Cell v-for="item in list" :key="item" :title="item" />|}
 </List>

 <Popover v-model:show="showPopover" placement="${1|top,top-start,top-end,left,left-start,left-end,right,right-start,right-end,bottom,bottom-start,bottom-end|} ">
   <template #reference>
     <Button type="primary">默认插槽</Button>
   </template>
   <p style="padding: 12px">${2|hello dustess|}</p>
 </Popover>

 <Tag type="${1|default,primary,normal|}" size="${2|medium,small,large|}">小号</Tag>

 <Tab v-model:active="active">
   <TabItem title="标签 1">内容 1</TabItem>
   <TabItem title="标签 2" dot>内容 2</TabItem>
   <TabItem title="标签 3">内容 3</TabItem>
   ${0}
 </Tab>

 <IconFont
   icon-class="duero-icon-2938178-wenjianjia1"
   type="${1|icon,svg|}"
   :size="${2|20|}"
   @click="handleClick"
 />

 c
 r
 y
 p
 t
 o
 .
 $
 {
 1
 |
 e
 n
 c
 r
 y
 p
 t
 ,
 d
 e
 c
 r
 y
 p
 t
 |
 }
 (
 $
 {
 2
 |
 1
 7
 8
 0
 0
 0
 0
 1
 0
 0
 0
 |
 }
 ,
 '
 $
 0
 '
 )

 e
 n
 c
 r
 y
 p
 t
 P
 h
 o
 n
 e
 (
 $
 {
 1
 |
 1
 7
 8
 0
 0
 0
 0
 1
 0
 0
 0
 |
 }
 ,
  
 '
 $
 0
 '
 )

 d
 e
 c
 r
 y
 p
 t
 P
 h
 o
 n
 e
 (
 e
 n
 c
 r
 y
 p
 t
 P
 h
 o
 n
 e
 R
 e
 s
 ,
  
 '
 1
 2
 3
 4
 5
 6
 '
 ,
  
 t
 r
 u
 e
 )

 f
 o
 r
 m
 a
 t
 M
 o
 n
 e
 y
 (
 $
 {
 1
 |
 1
 0
 0
 |
 }
 )

 f
 o
 r
 m
 a
 t
 F
 i
 l
 e
 S
 i
 z
 e
 (
 $
 {
 1
 |
 f
 o
 n
 t
 S
 i
 z
 e
 |
 }
 ,
  
 $
 {
 2
 |
 2
 |
 }
 ,
  
 '
 $
 {
 3
 |
 S
 Y
 S
 T
 E
 M
 ,
 N
 O
 R
 M
 A
 L
 |
 }
 '
 )

 d
 o
 w
 n
 l
 o
 a
 d
 (
 $
 {
 1
 |
 u
 r
 l
 |
 }
 ,
  
 $
 {
 2
 |
 f
 i
 l
 e
 n
 a
 m
 e
 |
 }
 )

 Toast.${1|loading,success,fail|}({
   ${2|duration: 0|},
   forbidClick: ${3|true,false|},
   message: '${4|hello dustess|}',
   onClose: () => {
     ${5|console.log('onClose');|}
   },
 });

 Dialog.${1|alert,confirm|}({
   title: '${2|title|}',
   message: '${3|message|}',
   confirmButtonText: '确定',
   cancelButtonText: '取消',
 }).then(() => {
   ${4|// on confirm|}
 }).catch(() => {
   ${5|// on cancel|}
 })