From bb640bf918cd05c81efbd76be1f59ea566926be0 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 19 Apr 2023 17:05:18 +0300
Subject: [PATCH 1/5] docs: move api table out from runtime. Use
 vue-component-meta

---
 .../blocks/api/component-parser/meta.ts       |  16 +++
 .../modules/page-config/blocks/api/index.ts   |   3 +
 .../modules/page-config/blocks/api/index.vue  |  35 +++--
 .../page-config/blocks/api/transform.ts       |  40 +++++-
 .../modules/page-config/blocks/api/types.ts   |   1 +
 packages/docs/package.json                    |   1 +
 yarn.lock                                     | 126 +++++++++++++++++-
 7 files changed, 202 insertions(+), 20 deletions(-)
 create mode 100644 packages/docs/modules/page-config/blocks/api/component-parser/meta.ts

diff --git a/packages/docs/modules/page-config/blocks/api/component-parser/meta.ts b/packages/docs/modules/page-config/blocks/api/component-parser/meta.ts
new file mode 100644
index 0000000000..dfb62cffc9
--- /dev/null
+++ b/packages/docs/modules/page-config/blocks/api/component-parser/meta.ts
@@ -0,0 +1,16 @@
+import { resolveAlias } from '@nuxt/kit'
+
+import path from 'path'
+
+import type { MetaCheckerOptions } from 'vue-component-meta'
+import { createComponentMetaChecker } from 'vue-component-meta'
+
+const checkerOptions: MetaCheckerOptions = {
+  forceUseTs: true,
+  printer: { newLine: 1 },
+}
+
+export const checker = createComponentMetaChecker(
+  path.join(resolveAlias('@'), '..', './ui', 'tsconfig.json'),
+  checkerOptions,
+)
diff --git a/packages/docs/modules/page-config/blocks/api/index.ts b/packages/docs/modules/page-config/blocks/api/index.ts
index 136c6d9265..d53091f119 100644
--- a/packages/docs/modules/page-config/blocks/api/index.ts
+++ b/packages/docs/modules/page-config/blocks/api/index.ts
@@ -2,11 +2,13 @@ import { DefineComponent } from 'vue';
 import { definePageConfigBlock } from '../../types'
 import Component from './index.vue'
 import { VisualOptions, type ManualApiOptions } from './types';
+import type { ComponentMeta } from 'vue-component-meta'
 
 const setup = (
   componentName: string, 
   component: DefineComponent,
   cssVariables: string,
+  meta: ComponentMeta,
   manual?: ManualApiOptions,
   visualOptions?: VisualOptions,
 ) => {
@@ -15,6 +17,7 @@ const setup = (
     componentName,
     component,
     cssVariables,
+    meta,
     manual,
     visualOptions,
   }
diff --git a/packages/docs/modules/page-config/blocks/api/index.vue b/packages/docs/modules/page-config/blocks/api/index.vue
index 249bdc8d4c..f5b92f5611 100644
--- a/packages/docs/modules/page-config/blocks/api/index.vue
+++ b/packages/docs/modules/page-config/blocks/api/index.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { DefineComponent, PropType } from 'vue';
-import { parseComponent } from './component-parser'
 import merge from 'lodash/merge'
 import camelCase from 'lodash/camelCase'
 import ApiTable from './components/api-table.vue';
@@ -23,15 +22,19 @@ const props = defineProps({
     type: Array as PropType<CssVariables>,
     required: true,
   },
+  meta: {
+    type: Object as PropType<ManualApiOptions>,
+    required: true
+  },
   visualOptions: {
     type: Object as PropType<VisualOptions>,
     default: () => ({}),
   }
 })
 
-const options = parseComponent(props.component)
-
-const withManual = merge(options, props.manual as ManualApiOptions)
+const withManual = computed(() => {
+  return merge(props.meta, props.manual as ManualApiOptions)
+}) 
 
 const { t, te, fallbackLocale } = useI18n()
 
@@ -72,8 +75,8 @@ const cleanDefaultValue = (o: Record<string, any> | string) => {
   return str
 }
 
-const propsOptions = Object
-  .entries(withManual.props || {})
+const propsOptions = computed(() => Object
+  .entries(withManual.value.props || {})
   .filter(([key, prop]) => !prop.hidden)
   .map(([key, prop]) => ({
     name: { name: key, ...prop },
@@ -84,9 +87,10 @@ const propsOptions = Object
   .sort((a, b) => {
     return a.name.name.localeCompare(b.name.name)
   })
+)
 
-const eventsOptions = Object
-  .entries(withManual.events || {})
+const eventsOptions = computed(() => Object
+  .entries(withManual.value.events || {})
   .filter(([key, prop]) => !prop.hidden)
   .map(([key, prop]) => ({
     name: key,
@@ -95,9 +99,10 @@ const eventsOptions = Object
   .sort((a, b) => {
     return a.name.localeCompare(b.name)
   })
+)
 
-const slotsOptions = Object
-  .entries(withManual.slots || {})
+const slotsOptions = computed(() => Object
+  .entries(withManual.value.slots || {})
   .map(([key, prop]) => ({
     name: key,
     description: t(getTranslation('slots', key)),
@@ -105,9 +110,10 @@ const slotsOptions = Object
   .sort((a, b) => {
     return a.name.localeCompare(b.name)
   })
+)
 
-const methodsOptions = Object
-  .entries(withManual.methods || {})
+const methodsOptions = computed(() => Object
+  .entries(withManual.value.methods || {})
   .map(([key, prop]) => ({
     name: key,
     description: t(getTranslation('methods', key)),
@@ -115,11 +121,12 @@ const methodsOptions = Object
   .sort((a, b) => {
     return a.name.localeCompare(b.name)
   })
+)
 
-const cssVariablesOptions = props.cssVariables.map(([name, value, comment]) => ({
+const cssVariablesOptions = computed(() => props.cssVariables.map(([name, value, comment]) => ({
   name, value, /* comment */ // TODO: Enable comment when everywhere is used correct comments
   // TODO: Or add tanslations after i18n splitted
-}))
+})))
 </script>
 
 <template>
diff --git a/packages/docs/modules/page-config/blocks/api/transform.ts b/packages/docs/modules/page-config/blocks/api/transform.ts
index c4cf4f9c2d..1b1bb1dd27 100644
--- a/packages/docs/modules/page-config/blocks/api/transform.ts
+++ b/packages/docs/modules/page-config/blocks/api/transform.ts
@@ -1,9 +1,13 @@
+import pick from 'lodash/pick.js';
 import kebabCase from 'lodash/kebabCase';
 import { readFile } from 'fs/promises';
 import { defineBlockTransform } from "../../compiler/define-block-transform";
 import { CssVariables } from "./types";
+import { checker } from './component-parser/meta'
+import { ComponentMeta } from 'vue-component-meta';
+import ts from 'typescript/lib/tsserverlibrary';
 
-const parseCssComment = (line: string) => 
+const parseCssComment = (line: string) =>
   (line.match(/\/\/(.*)|\/\*(.*)\*\//) || []).slice(1).filter((s) => Boolean(s)).join('').trim()
 const parseCssVariables = (css: string | undefined): CssVariables => {
   if (!css) { return [] }
@@ -20,7 +24,7 @@ const parseCssVariables = (css: string | undefined): CssVariables => {
       variables.push([variable[0], variable[1], comment])
     }
   })
-  
+
   return variables
 }
 
@@ -29,6 +33,35 @@ const readCssVariables = async (path: string | undefined) => {
   return (await readFile(path, 'utf-8')).toString()
 }
 
+const stringifyMeta = (meta: ComponentMeta) => {
+  return JSON.stringify({
+    props: meta.props
+      .filter((prop) => !prop.global)
+      .sort((prop1, prop2) => Number(prop1.required) > Number(prop2.required) ? -1 : 1)
+      .reduce((acc, prop) => ({
+        ...acc,
+        [prop.name]: ({
+          types: prop.type.replace(' | undefined', ''),
+          default: prop.default,
+          required: prop.required,
+        })
+      }), {}),
+    slots: meta.slots.reduce((acc, slot) => ({
+      ...acc,
+      [slot.name]: ({
+        types: slot.type
+      })
+    }), {}),
+    emits: meta.events.reduce((acc, event) => ({
+      ...acc,
+      [event.name]: ({
+        types: event,
+      })
+    }), {}),
+    methods: {},
+  })
+}
+
 export default defineBlockTransform(async function (block) {
   if (block.type !== 'api') { return }
 
@@ -40,5 +73,6 @@ export default defineBlockTransform(async function (block) {
   const cssVariablesFile = await readCssVariables(cssVariablesPath)
   const cssVariables = JSON.stringify(parseCssVariables(cssVariablesFile))
 
-  return block.replaceArgCode(0, `'${importName}', ${importComponent}, ${cssVariables}`)
+  const meta = checker.getComponentMeta(importPath, importName)
+  return block.replaceArgCode(0, `'${importName}', ${importComponent}, ${cssVariables}, ${stringifyMeta(meta)}`)
 })
diff --git a/packages/docs/modules/page-config/blocks/api/types.ts b/packages/docs/modules/page-config/blocks/api/types.ts
index 5ae0498d04..1b82d321e3 100644
--- a/packages/docs/modules/page-config/blocks/api/types.ts
+++ b/packages/docs/modules/page-config/blocks/api/types.ts
@@ -22,6 +22,7 @@ export type ManualApiOptionsItem = {
 export type ManualPropApiOptions = ManualApiOptionsItem & {
   hidden?: boolean; // Won't appear in documentation. Intended for internal usage props, such as icon and color configs.
   types?: string;
+  default?: any;
   // add more here
 }
 
diff --git a/packages/docs/package.json b/packages/docs/package.json
index 89643cc0ba..4fc2da5715 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -32,6 +32,7 @@
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "vitest": "^0.18.1",
+    "vue-component-meta": "^1.2.0",
     "vue-tsc": "^1.0.24"
   },
   "dependencies": {
diff --git a/yarn.lock b/yarn.lock
index 8c8a55504b..4e0731a347 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4218,6 +4218,13 @@
     "@volar/source-map" "1.0.24"
     muggle-string "^0.1.0"
 
+"@volar/language-core@1.3.0-alpha.0":
+  version "1.3.0-alpha.0"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-1.3.0-alpha.0.tgz#4924b4cbc37dbce5f3845c1d2b2811938223a980"
+  integrity sha512-W3uMzecHPcbwddPu4SJpUcPakRBK/y/BP+U0U6NiPpUX1tONLC4yCawt+QBJqtgJ+sfD6ztf5PyvPL3hQRqfOA==
+  dependencies:
+    "@volar/source-map" "1.3.0-alpha.0"
+
 "@volar/source-map@0.38.2":
   version "0.38.2"
   resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.38.2.tgz#72ccaaa224646da69097abe8360391acd7f042b9"
@@ -4230,6 +4237,13 @@
   dependencies:
     muggle-string "^0.1.0"
 
+"@volar/source-map@1.3.0-alpha.0":
+  version "1.3.0-alpha.0"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-1.3.0-alpha.0.tgz#c45d51ecb9759604d29fb80211d2fc9765e5559c"
+  integrity sha512-jSdizxWFvDTvkPYZnO6ew3sBZUnS0abKCbuopkc0JrIlFbznWC/fPH3iPFIMS8/IIkRxq1Jh9VVG60SmtsdaMQ==
+  dependencies:
+    muggle-string "^0.2.2"
+
 "@volar/typescript@1.0.24":
   version "1.0.24"
   resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-1.0.24.tgz#f934eda9774b31abdff53efc56782cd2623723d5"
@@ -4262,6 +4276,21 @@
     minimatch "^5.1.1"
     vue-template-compiler "^2.7.14"
 
+"@volar/vue-language-core@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@volar/vue-language-core/-/vue-language-core-1.2.0.tgz#a600aa93c6a4e89bf2b525b7e876b39e3afdfb9b"
+  integrity sha512-w7yEiaITh2WzKe6u8ZdeLKCUz43wdmY/OqAmsB/PGDvvhTcVhCJ6f0W/RprZL1IhqH8wALoWiwEh/Wer7ZviMQ==
+  dependencies:
+    "@volar/language-core" "1.3.0-alpha.0"
+    "@volar/source-map" "1.3.0-alpha.0"
+    "@vue/compiler-dom" "^3.2.47"
+    "@vue/compiler-sfc" "^3.2.47"
+    "@vue/reactivity" "^3.2.47"
+    "@vue/shared" "^3.2.47"
+    minimatch "^6.1.6"
+    muggle-string "^0.2.2"
+    vue-template-compiler "^2.7.14"
+
 "@volar/vue-typescript@0.38.2":
   version "0.38.2"
   resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-0.38.2.tgz#e9bf7d178755fe2619f43dda499ab1e2a6240a5b"
@@ -4575,6 +4604,16 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
+"@vue/compiler-core@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.47.tgz#3e07c684d74897ac9aa5922c520741f3029267f8"
+  integrity sha512-p4D7FDnQb7+YJmO2iPEv0SQNeNzcbHdGByJDsT4lynf63AFkOTFN07HsiRSvjGo0QrxR/o3d0hUyNCUnBU2Tig==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/shared" "3.2.47"
+    estree-walker "^2.0.2"
+    source-map "^0.6.1"
+
 "@vue/compiler-dom@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.33.tgz#6db84296f949f18e5d3e7fd5e80f943dbed7d5ec"
@@ -4599,6 +4638,14 @@
     "@vue/compiler-core" "3.2.45"
     "@vue/shared" "3.2.45"
 
+"@vue/compiler-dom@3.2.47", "@vue/compiler-dom@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.47.tgz#a0b06caf7ef7056939e563dcaa9cbde30794f305"
+  integrity sha512-dBBnEHEPoftUiS03a4ggEig74J2YBZ2UIeyfpcRM2tavgMWo4bsEfgCGsu+uJIL/vax9S+JztH8NmQerUo7shQ==
+  dependencies:
+    "@vue/compiler-core" "3.2.47"
+    "@vue/shared" "3.2.47"
+
 "@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
@@ -4647,6 +4694,22 @@
     postcss "^8.1.10"
     source-map "^0.6.1"
 
+"@vue/compiler-sfc@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.47.tgz#1bdc36f6cdc1643f72e2c397eb1a398f5004ad3d"
+  integrity sha512-rog05W+2IFfxjMcFw10tM9+f7i/+FFpZJJ5XHX72NP9eC2uRD+42M3pYcQqDXVYoj74kHMSEdQ/WmCjt8JFksQ==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.47"
+    "@vue/compiler-dom" "3.2.47"
+    "@vue/compiler-ssr" "3.2.47"
+    "@vue/reactivity-transform" "3.2.47"
+    "@vue/shared" "3.2.47"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+    postcss "^8.1.10"
+    source-map "^0.6.1"
+
 "@vue/compiler-ssr@3.2.33":
   version "3.2.33"
   resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.33.tgz#3e820267e4eea48fde9519f006dedca3f5e42e71"
@@ -4671,6 +4734,14 @@
     "@vue/compiler-dom" "3.2.45"
     "@vue/shared" "3.2.45"
 
+"@vue/compiler-ssr@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.2.47.tgz#35872c01a273aac4d6070ab9d8da918ab13057ee"
+  integrity sha512-wVXC+gszhulcMD8wpxMsqSOpvDZ6xKXSVWkf50Guf/S+28hTAXPDYRTbLQ3EDkOP5Xz/+SY37YiwDquKbJOgZw==
+  dependencies:
+    "@vue/compiler-dom" "3.2.47"
+    "@vue/shared" "3.2.47"
+
 "@vue/component-compiler-utils@^3.1.0", "@vue/component-compiler-utils@^3.3.0":
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz#f9f5fb53464b0c37b2c8d2f3fbfe44df60f61dc9"
@@ -4741,6 +4812,17 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
+"@vue/reactivity-transform@3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity-transform/-/reactivity-transform-3.2.47.tgz#e45df4d06370f8abf29081a16afd25cffba6d84e"
+  integrity sha512-m8lGXw8rdnPVVIdIFhf0LeQ/ixyHkH5plYuS83yop5n7ggVJU+z5v0zecwEnX7fa7HNLBhh2qngJJkxpwEEmYA==
+  dependencies:
+    "@babel/parser" "^7.16.4"
+    "@vue/compiler-core" "3.2.47"
+    "@vue/shared" "3.2.47"
+    estree-walker "^2.0.2"
+    magic-string "^0.25.7"
+
 "@vue/reactivity@3.2.37", "@vue/reactivity@^3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
@@ -4755,6 +4837,13 @@
   dependencies:
     "@vue/shared" "3.2.45"
 
+"@vue/reactivity@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.47.tgz#1d6399074eadfc3ed35c727e2fd707d6881140b6"
+  integrity sha512-7khqQ/75oyyg+N/e+iwV6lpy1f5wq759NdlS1fpAhFXa8VeAIKGgk2E/C4VF59lx5b+Ezs5fpp/5WsRYXQiKxQ==
+  dependencies:
+    "@vue/shared" "3.2.47"
+
 "@vue/runtime-core@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz#7ba7c54bb56e5d70edfc2f05766e1ca8519966e3"
@@ -4795,6 +4884,11 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.45.tgz#a3fffa7489eafff38d984e23d0236e230c818bc2"
   integrity sha512-Ewzq5Yhimg7pSztDV+RH1UDKBzmtqieXQlpTVm2AwraoRL/Rks96mvd8Vgi7Lj+h+TH8dv7mXD3FRZR3TUvbSg==
 
+"@vue/shared@3.2.47", "@vue/shared@^3.2.47":
+  version "3.2.47"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.47.tgz#e597ef75086c6e896ff5478a6bfc0a7aa4bbd14c"
+  integrity sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ==
+
 "@vue/test-utils@2.0.0-beta.14":
   version "2.0.0-beta.14"
   resolved "https://registry.yarnpkg.com/@vue/test-utils/-/test-utils-2.0.0-beta.14.tgz#9300d48789b334b52c5514efdc4648f704a7e94b"
@@ -12927,6 +13021,13 @@ minimatch@^5.1.1:
   dependencies:
     brace-expansion "^2.0.1"
 
+minimatch@^6.1.6:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-6.2.0.tgz#2b70fd13294178c69c04dfc05aebdb97a4e79e42"
+  integrity sha512-sauLxniAmvnhhRjFwPNnJKaPFYyddAgbYdeUpHULtCT/GhzdCx/MDNy+Y40lBxTQUrMzDE8e0S43Z5uqfO0REg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@~3.0.4:
   version "3.0.8"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1"
@@ -13185,6 +13286,11 @@ muggle-string@^0.1.0:
   resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.1.0.tgz#1fda8a281c8b27bb8b70466dbc9f27586a8baa6c"
   integrity sha512-Tr1knR3d2mKvvWthlk7202rywKbiOm4rVFLsfAaSIhJ6dt9o47W4S+JMtWhd/PW9Wrdew2/S2fSvhz3E2gkfEg==
 
+muggle-string@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.2.2.tgz#786aa53fea1652c61c6a59e1f839292b262bc72a"
+  integrity sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==
+
 multicast-dns@^7.2.4:
   version "7.2.4"
   resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-7.2.4.tgz#cf0b115c31e922aeb20b64e6556cbeb34cf0dd19"
@@ -18205,6 +18311,11 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
+typesafe-path@^0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/typesafe-path/-/typesafe-path-0.2.2.tgz#91a436681b2f514badb114061b6a5e5c2b8943b1"
+  integrity sha512-OJabfkAg1WLZSqJAJ0Z6Sdt3utnbzr/jh+NAHoyWHJe8CMSy79Gm085094M9nvTPy22KzTVn5Zq5mbapCI/hPA==
+
 typescript@4.7.4:
   version "4.7.4"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
@@ -18850,9 +18961,9 @@ vite-plugin-chunk-split@^0.4.7:
     magic-string "^0.26.3"
 
 "vite@^2.9.12 || ^3.0.0-0", "vite@^3.0.0 || ^4.0.0", vite@^4, vite@^4.2.1, vite@~3.2.4, vite@~4.0.4:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.1.tgz#6c2eb337b0dfd80a9ded5922163b94949d7fc254"
-  integrity sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.2.2.tgz#014c30e5163844f6e96d7fe18fbb702236516dc6"
+  integrity sha512-PcNtT5HeDxb3QaSqFYkEum8f5sCVe0R3WK20qxgIvNBZPXU/Obxs/+ubBMeE7nLWeCo2LDzv+8hRYSlcaSehig==
   dependencies:
     esbuild "^0.17.5"
     postcss "^8.4.21"
@@ -18958,6 +19069,15 @@ vue-bundle-renderer@^1.0.0:
   dependencies:
     ufo "^1.0.0"
 
+vue-component-meta@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/vue-component-meta/-/vue-component-meta-1.2.0.tgz#45e9a88b36518437a9c042819c16630c688eef36"
+  integrity sha512-z+/pL4txu5qCULbGHFn6vOlSR1V5gFDGWkD64Z2yLlKtYr0Wlb9oOfWTaXxpSl7R+EiX7JusbTlek0szSYeH1g==
+  dependencies:
+    "@volar/language-core" "1.3.0-alpha.0"
+    "@volar/vue-language-core" "1.2.0"
+    typesafe-path "^0.2.2"
+
 vue-demi@^0.13.11, vue-demi@^0.13.5:
   version "0.13.11"
   resolved "https://registry.yarnpkg.com/vue-demi/-/vue-demi-0.13.11.tgz#7d90369bdae8974d87b1973564ad390182410d99"

From 1bc904335b7617fb5744e394de2758d44ae0a579 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 19 Apr 2023 17:14:51 +0300
Subject: [PATCH 2/5] chore: update vue-tsc

---
 packages/sandbox/package.json |  2 +-
 packages/ui/package.json      |  2 +-
 yarn.lock                     | 70 +++++++++++++----------------------
 3 files changed, 28 insertions(+), 46 deletions(-)

diff --git a/packages/sandbox/package.json b/packages/sandbox/package.json
index 471241fa90..71fea7d34b 100644
--- a/packages/sandbox/package.json
+++ b/packages/sandbox/package.json
@@ -44,7 +44,7 @@
     "vite": "^4.2.1",
     "vitest": "*",
     "vue-bundle-renderer": "0.4.1",
-    "vue-tsc": "^0.38.2",
+    "vue-tsc": "^1.2.0",
     "webpack": "5",
     "webpack-cli": "^4.9.2",
     "when-dependencies-installed": "^1.0.0"
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 91f67cfa49..3177aaa568 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -116,7 +116,7 @@
     "vue": "^3.0.4",
     "vue-book": "0.2.0-alpha.0",
     "vue-loader": "^16.3.0",
-    "vue-tsc": "^0.38.2",
+    "vue-tsc": "^1.2.0",
     "vuelidate": "^0.7.5",
     "webpack": "^5.4.1",
     "webpack-bundle-analyzer": "^4.1.0",
diff --git a/yarn.lock b/yarn.lock
index 4e0731a347..702ae0c561 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4203,13 +4203,6 @@
   resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-4.1.0.tgz#b6a9d83cd91575f7ee15593f6444397f68751073"
   integrity sha512-++9JOAFdcXI3lyer9UKUV4rfoQ3T1RN8yDqoCLar86s0xQct5yblxAE+yWgRnU5/0FOlVCpTZpYSBV/bGWrSrQ==
 
-"@volar/code-gen@0.38.2":
-  version "0.38.2"
-  resolved "https://registry.yarnpkg.com/@volar/code-gen/-/code-gen-0.38.2.tgz#1eedaba3a12b9d1954dd99d6745f3f2ede0aca58"
-  integrity sha512-H81I6d7rZB7teqL+zhK/Xz1v0/kKkUwkB0Aq6b4+BTCqcJeiZkoWxd0gFhrhWTnUoqiM83lhoTGo2vkvx5YagQ==
-  dependencies:
-    "@volar/source-map" "0.38.2"
-
 "@volar/language-core@1.0.24":
   version "1.0.24"
   resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-1.0.24.tgz#5d767571e77728464635e61af1debca944811fe0"
@@ -4225,11 +4218,6 @@
   dependencies:
     "@volar/source-map" "1.3.0-alpha.0"
 
-"@volar/source-map@0.38.2":
-  version "0.38.2"
-  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-0.38.2.tgz#72ccaaa224646da69097abe8360391acd7f042b9"
-  integrity sha512-DWcYbYt9SPwk0r4VmXk1F0v4X5+hCqH1JRkAWSeJymQyXCQ2OQDEbY2PF12a7y2qn4FUBD2gOba2TynAqI8ZFQ==
-
 "@volar/source-map@1.0.24":
   version "1.0.24"
   resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-1.0.24.tgz#ad4c827fea5c26b4bf38a86d983e7deb65b1c61e"
@@ -4251,16 +4239,12 @@
   dependencies:
     "@volar/language-core" "1.0.24"
 
-"@volar/vue-code-gen@0.38.2":
-  version "0.38.2"
-  resolved "https://registry.yarnpkg.com/@volar/vue-code-gen/-/vue-code-gen-0.38.2.tgz#10b467936cb79edb21e6f91ed25ec3fbe055a4cd"
-  integrity sha512-whLunD6phSGWBUHZKdTxeglrpzQu26ii8CRVapFdjfyMaVhQ7ESNeIAhkTVyg2ovOPc0PiDYPQEPzfWAADIWog==
+"@volar/typescript@1.3.0-alpha.0":
+  version "1.3.0-alpha.0"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-1.3.0-alpha.0.tgz#f79bbc9939016700812b18191c47eb035913c6c3"
+  integrity sha512-5UItyW2cdH2mBLu4RrECRNJRgtvvzKrSCn2y3v/D61QwIDkGx4aeil6x8RFuUL5TFtV6QvVHXnsOHxNgd+sCow==
   dependencies:
-    "@volar/code-gen" "0.38.2"
-    "@volar/source-map" "0.38.2"
-    "@vue/compiler-core" "^3.2.37"
-    "@vue/compiler-dom" "^3.2.37"
-    "@vue/shared" "^3.2.37"
+    "@volar/language-core" "1.3.0-alpha.0"
 
 "@volar/vue-language-core@1.0.24":
   version "1.0.24"
@@ -4291,17 +4275,6 @@
     muggle-string "^0.2.2"
     vue-template-compiler "^2.7.14"
 
-"@volar/vue-typescript@0.38.2":
-  version "0.38.2"
-  resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-0.38.2.tgz#e9bf7d178755fe2619f43dda499ab1e2a6240a5b"
-  integrity sha512-5IKvSK2m5yUmH6iu/tNScVlvJGuiHawTfSmjxaMs+/tod25WeK37LEdf+pdKtlJ30bYTQmmkAuEfG01QvvBRGQ==
-  dependencies:
-    "@volar/code-gen" "0.38.2"
-    "@volar/source-map" "0.38.2"
-    "@volar/vue-code-gen" "0.38.2"
-    "@vue/compiler-sfc" "^3.2.37"
-    "@vue/reactivity" "^3.2.37"
-
 "@volar/vue-typescript@1.0.24":
   version "1.0.24"
   resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-1.0.24.tgz#bef9b2bfb1b108c0f6cb12ec6fbf449b43fc8257"
@@ -4310,6 +4283,14 @@
     "@volar/typescript" "1.0.24"
     "@volar/vue-language-core" "1.0.24"
 
+"@volar/vue-typescript@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@volar/vue-typescript/-/vue-typescript-1.2.0.tgz#825dab4624a116d8be21efbf0c4a7bd6dec51d37"
+  integrity sha512-zjmRi9y3J1EkG+pfuHp8IbHmibihrKK485cfzsHjiuvJMGrpkWvlO5WVEk8oslMxxeGC5XwBFE9AOlvh378EPA==
+  dependencies:
+    "@volar/typescript" "1.3.0-alpha.0"
+    "@volar/vue-language-core" "1.2.0"
+
 "@vue/babel-helper-vue-jsx-merge-props@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@vue/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-1.2.1.tgz#31624a7a505fb14da1d58023725a4c5f270e6a81"
@@ -4584,7 +4565,7 @@
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-core@3.2.37", "@vue/compiler-core@^3.2.37":
+"@vue/compiler-core@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz#b3c42e04c0e0f2c496ff1784e543fbefe91e215a"
   integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==
@@ -4622,7 +4603,7 @@
     "@vue/compiler-core" "3.2.33"
     "@vue/shared" "3.2.33"
 
-"@vue/compiler-dom@3.2.37", "@vue/compiler-dom@^3.2.37":
+"@vue/compiler-dom@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz#10d2427a789e7c707c872da9d678c82a0c6582b5"
   integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
@@ -4646,7 +4627,7 @@
     "@vue/compiler-core" "3.2.47"
     "@vue/shared" "3.2.47"
 
-"@vue/compiler-sfc@3.2.37", "@vue/compiler-sfc@^3.2.37":
+"@vue/compiler-sfc@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz#3103af3da2f40286edcd85ea495dcb35bc7f5ff4"
   integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
@@ -4823,7 +4804,7 @@
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.2.37", "@vue/reactivity@^3.2.37":
+"@vue/reactivity@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.2.37.tgz#5bc3847ac58828e2b78526e08219e0a1089f8848"
   integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==
@@ -4874,7 +4855,7 @@
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.33.tgz#69a8c99ceb37c1b031d5cc4aec2ff1dc77e1161e"
   integrity sha512-UBc1Pg1T3yZ97vsA2ueER0F6GbJebLHYlEi4ou1H5YL4KWvMOOWwpYo9/QpWq93wxKG6Wo13IY74Hcn/f7c7Bg==
 
-"@vue/shared@3.2.37", "@vue/shared@^3.2.37":
+"@vue/shared@3.2.37":
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.2.37.tgz#8e6adc3f2759af52f0e85863dfb0b711ecc5c702"
   integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
@@ -19199,13 +19180,6 @@ vue-template-es2015-compiler@^1.9.0:
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
   integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
 
-vue-tsc@^0.38.2:
-  version "0.38.2"
-  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.38.2.tgz#89175a6bb9a8b5724e84ab5d63dc5113041c5bfa"
-  integrity sha512-+OMmpw9BZC9khul3I1HGtWchv7BCiaM7NvfdilVAiOFkjnivIoaW6jJm6YPQJaEPouePtpkDUWovyzgNxWdDsw==
-  dependencies:
-    "@volar/vue-typescript" "0.38.2"
-
 vue-tsc@^1.0.24:
   version "1.0.24"
   resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-1.0.24.tgz#c0b270a7c8422408d3b6694fee61b39a4b9e4740"
@@ -19214,6 +19188,14 @@ vue-tsc@^1.0.24:
     "@volar/vue-language-core" "1.0.24"
     "@volar/vue-typescript" "1.0.24"
 
+vue-tsc@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-1.2.0.tgz#2b64b960cc96208492541394423ace589a461be6"
+  integrity sha512-rIlzqdrhyPYyLG9zxsVRa+JEseeS9s8F2BbVVVWRRsTZvJO2BbhLEb2HW3MY+DFma0378tnIqs+vfTzbcQtRFw==
+  dependencies:
+    "@volar/vue-language-core" "1.2.0"
+    "@volar/vue-typescript" "1.2.0"
+
 vue@*, vue@3.2.37, vue@^3.0.0, vue@^3.0.4, vue@^3.2.45:
   version "3.2.37"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.37.tgz#da220ccb618d78579d25b06c7c21498ca4e5452e"

From 7d74687594a4156f72b2e3c99ade8992edb2c2d4 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Wed, 19 Apr 2023 17:50:00 +0300
Subject: [PATCH 3/5] fix(docs): parse methods

---
 .../docs/modules/page-config/blocks/api/transform.ts  | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/docs/modules/page-config/blocks/api/transform.ts b/packages/docs/modules/page-config/blocks/api/transform.ts
index 1b1bb1dd27..a3bd39ba81 100644
--- a/packages/docs/modules/page-config/blocks/api/transform.ts
+++ b/packages/docs/modules/page-config/blocks/api/transform.ts
@@ -52,13 +52,22 @@ const stringifyMeta = (meta: ComponentMeta) => {
         types: slot.type
       })
     }), {}),
-    emits: meta.events.reduce((acc, event) => ({
+    events: meta.events.reduce((acc, event) => ({
       ...acc,
       [event.name]: ({
         types: event,
       })
     }), {}),
     methods: {},
+    // TODO: We need to use exposed in components before
+    // methods: meta.exposed
+    //   .filter((method) => /^\(.*\)\s?=>.*$/.test(method.type))
+    //   .reduce((acc, method) => ({
+    //     ...acc,
+    //     [method.name]: ({
+    //       types: method.type,
+    //     }),
+    //   }), {})
   })
 }
 

From 4efc63c70114931a622b957ebbfdfaca0640007b Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Fri, 28 Apr 2023 12:28:41 +0300
Subject: [PATCH 4/5] chore: remove extra import

---
 packages/docs/modules/page-config/blocks/api/transform.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/packages/docs/modules/page-config/blocks/api/transform.ts b/packages/docs/modules/page-config/blocks/api/transform.ts
index a3bd39ba81..812c377956 100644
--- a/packages/docs/modules/page-config/blocks/api/transform.ts
+++ b/packages/docs/modules/page-config/blocks/api/transform.ts
@@ -5,7 +5,6 @@ import { defineBlockTransform } from "../../compiler/define-block-transform";
 import { CssVariables } from "./types";
 import { checker } from './component-parser/meta'
 import { ComponentMeta } from 'vue-component-meta';
-import ts from 'typescript/lib/tsserverlibrary';
 
 const parseCssComment = (line: string) =>
   (line.match(/\/\/(.*)|\/\*(.*)\*\//) || []).slice(1).filter((s) => Boolean(s)).join('').trim()

From 80f4a57c845af90f958856a01d4dcf41d7868b86 Mon Sep 17 00:00:00 2001
From: Maksim Nedoshev <m0ksem1337@gmail.com>
Date: Fri, 28 Apr 2023 12:40:11 +0300
Subject: [PATCH 5/5] chore(docs): show kebab cased props

---
 packages/docs/modules/page-config/blocks/api/transform.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/docs/modules/page-config/blocks/api/transform.ts b/packages/docs/modules/page-config/blocks/api/transform.ts
index 812c377956..1ce3828903 100644
--- a/packages/docs/modules/page-config/blocks/api/transform.ts
+++ b/packages/docs/modules/page-config/blocks/api/transform.ts
@@ -1,4 +1,3 @@
-import pick from 'lodash/pick.js';
 import kebabCase from 'lodash/kebabCase';
 import { readFile } from 'fs/promises';
 import { defineBlockTransform } from "../../compiler/define-block-transform";
@@ -39,7 +38,7 @@ const stringifyMeta = (meta: ComponentMeta) => {
       .sort((prop1, prop2) => Number(prop1.required) > Number(prop2.required) ? -1 : 1)
       .reduce((acc, prop) => ({
         ...acc,
-        [prop.name]: ({
+        [kebabCase(prop.name)]: ({
           types: prop.type.replace(' | undefined', ''),
           default: prop.default,
           required: prop.required,