docs(directives): fix directives error in script-setup with typescript (#2089)

examples/sites/demos/pc/app/directives/auto-tip/always-show-composition-api.vue

@@ -16,7 +16,9 @@
 </template>
 
 <script setup>
-import { AutoTip as VAutoTip } from '@opentiny/vue-directive'
+import { AutoTip } from '@opentiny/vue-directive'
+
+const VAutoTip = AutoTip
 
 const options = [
   { text: '去游泳馆游泳', disabled: false },

examples/sites/demos/pc/app/directives/auto-tip/basic-usage-composition-api.vue

@@ -3,7 +3,9 @@
 </template>
 
 <script setup>
-import { AutoTip as VAutoTip } from '@opentiny/vue-directive'
+import { AutoTip } from '@opentiny/vue-directive'
+
+const VAutoTip = AutoTip
 </script>
 
 <style scoped>

examples/sites/demos/pc/app/directives/highlight-query/avoid-composition-api.vue

@@ -32,7 +32,9 @@
 <script setup>
 import { ref } from 'vue'
 import { Input as TinyInput, Button as TinyButton } from '@opentiny/vue'
-import { HighlightQuery as vHighlightQuery } from '@opentiny/vue-directive'
+import { HighlightQuery } from '@opentiny/vue-directive'
+
+const vHighlightQuery = HighlightQuery
 
 const query = ref('一片')
 const list = ref(['一片一片又一片', '两片三片四五片', '六片七片八九片', '飞入芦花都不见'])

examples/sites/demos/pc/app/directives/highlight-query/basic-usage-composition-api.vue

@@ -14,7 +14,9 @@
 <script setup>
 import { ref } from 'vue'
 import { Input as TinyInput } from '@opentiny/vue'
-import { HighlightQuery as vHighlightQuery } from '@opentiny/vue-directive'
+import { HighlightQuery } from '@opentiny/vue-directive'
+
+const vHighlightQuery = HighlightQuery
 
 const query = ref('')
 const list = ref(['一片一片又一片', '两片三片四五片', '六片七片八九片', '飞入芦花都不见'])