;\n $slots: Slots;\n};\ntype __VizeComponentConstructor = new (...args: any[]) => __VizeComponentInstance;\ntype __VizeVueComponentOptions = {\n name?: string;\n __name?: string;\n __file?: string;\n __vccOpts?: any;\n props?: any;\n emits?: any;\n slots?: any;\n setup?: any;\n render?: Function;\n components?: any;\n directives?: any;\n inheritAttrs?: boolean;\n compatConfig?: any;\n call?: (this: unknown, ...args: unknown[]) => never;\n __isFragment?: never;\n __isTeleport?: never;\n __isSuspense?: never;\n __defaults?: any;\n __vapor?: boolean;\n __multiRoot?: boolean;\n __isKeepAlive?: boolean;\n __isBuiltIn?: boolean;\n};\ndeclare const __vize_component__: __VizeComponentConstructor & __VizeVueComponentOptions;\nexport default __vize_component__;\n",
"diagnostics": [
"error:59:12 [TS18048] 'selectedNode.data' is possibly 'undefined'.",
"error:59:43 [TS18048] 'selectedNode.data' is possibly 'undefined'."
@@ -15,12 +15,12 @@
},
{
"file": "src/MediaAndDataViz.vue",
- "virtualTs": "/// \n/// \n/// \n// ============================================\n// Virtual TypeScript for Vue SFC Type Checking\n// Generated by vize\n// ============================================\n\n// Shared preamble hoisted to the program-wide __vize_helpers.d.ts\n// ========== Module Scope (imports) ==========\nimport { computed } from \"vue\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/css\";\nimport { EditorContent, useEditor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n CategoryScale,\n Chart as ChartJS,\n Legend,\n LinearScale,\n LineElement,\n PointElement,\n Tooltip,\n type ChartData,\n type ChartOptions,\n} from \"chart.js\";\nimport { Line } from \"vue-chartjs\";\nimport { RecycleScroller } from \"vue-virtual-scroller\";\nimport \"vue-virtual-scroller/dist/vue-virtual-scroller.css\";\nimport type { ChartPoint } from \"./types\";\n\n// ========== Exported Types ==========\nexport type Props = {};\n\n// ========== Setup Scope ==========\nfunction __setup() {\n // Compiler macros (setup-scope only; signatures hoisted to the shared helpers file)\n const defineProps = __vize_defineProps;\n const defineEmits = __vize_defineEmits;\n const defineExpose = __vize_defineExpose;\n const defineModel = __vize_defineModel;\n const defineSlots = __vize_defineSlots;\n const withDefaults = __vize_withDefaults;\n const useTemplateRef = __vize_useTemplateRef;\n // Mark compiler macros as used\n void defineProps; void defineEmits; void defineExpose; void defineModel; void defineSlots; void withDefaults; void useTemplateRef;\n\n // User setup code\n \n \n ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Tooltip, Legend);\n \n const slides = [\n { id: \"swiper\", title: \"Swiper.js\", body: \"Carousel coverage for Vue components.\" },\n { id: \"tiptap\", title: \"Tiptap Vue\", body: \"Editor content and commands.\" },\n { id: \"chart\", title: \"Vue Chart.js\", body: \"Chart data and options.\" },\n ];\n \n const points = [\n { month: \"Jan\", value: 12 },\n { month: \"Feb\", value: 21 },\n { month: \"Mar\", value: 18 },\n { month: \"Apr\", value: 32 },\n ] satisfies ChartPoint[];\n \n const virtualItems = Array.from({ length: 32 }, (_, index) => ({\n id: `product-${index}`,\n name: `Virtual product ${index + 1}`,\n downloads: (index + 1) * 125,\n }));\n \n const editor = useEditor({\n extensions: [StarterKit],\n content: \"Vize checks Tiptap Vue editor content.
\",\n });\n \n const editorPreview = computed(() => editor.value?.getText() ?? \"\");\n \n const chartData = computed>(() => ({\n labels: points.map((point) => point.month),\n datasets: [\n {\n label: \"Ecosystem usage\",\n data: points.map((point) => point.value),\n borderColor: \"#0f766e\",\n backgroundColor: \"rgba(15, 118, 110, 0.18)\",\n tension: 0.3,\n },\n ],\n }));\n \n const chartOptions: ChartOptions<\"line\"> = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false,\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n },\n },\n };\n \n // @vize-map: 1655:3208 -> 0:2010\n\n // ========== Template Scope (inherits from setup) ==========\n // Ref type captures (before template scope shadows them)\n type __R_EditorContent = typeof EditorContent;\n type __R_Line = typeof Line;\n type __R_RecycleScroller = typeof RecycleScroller;\n type __R_Swiper = typeof Swiper;\n type __R_SwiperSlide = typeof SwiperSlide;\n type __R_chartData = typeof chartData;\n type __R_editor = typeof editor;\n type __R_editorPreview = typeof editorPreview;\n type __R_points = typeof points;\n type __R_virtualItems = typeof virtualItems;\n ;(function __template() {\n // Auto-unwrap Vue refs in template scope\n type __VizeIsUnion = T extends unknown ? ([__U] extends [T] ? false : true) : false;\n type __VizeWidenTemplateRef = __VizeIsUnion extends true ? T : T extends string ? keyof T extends keyof string ? string : T : T extends number ? keyof T extends keyof number ? number : T : T extends boolean ? keyof T extends keyof boolean ? boolean : T : T;\n type __U = T extends import('vue').Ref ? __VizeWidenTemplateRef : T;\n var EditorContent: __U<__R_EditorContent> = undefined as any;\n var Line: __U<__R_Line> = undefined as any;\n var RecycleScroller: __U<__R_RecycleScroller> = undefined as any;\n var Swiper: __U<__R_Swiper> = undefined as any;\n var SwiperSlide: __U<__R_SwiperSlide> = undefined as any;\n var chartData: __U<__R_chartData> = undefined as any;\n var editor: __U<__R_editor> = undefined as any;\n var editorPreview: __U<__R_editorPreview> = undefined as any;\n var points: __U<__R_points> = undefined as any;\n var virtualItems: __U<__R_virtualItems> = undefined as any;\n // Vue template context (delegates to ComponentPublicInstance)\n type __Ctx = import('vue').ComponentPublicInstance;\n const __ctx = undefined as unknown as __Ctx;\n const $attrs = __ctx.$attrs;\n const $slots = __ctx.$slots;\n const $refs = __ctx.$refs;\n const $emit = __ctx.$emit;\n void __ctx; void $attrs; void $slots; void $refs; void $emit;\n\n void (1); // VBind\n // @vize-map: expr -> 2183:2184\n void (12); // VBind\n // @vize-map: expr -> 2202:2204\n void (editor?.chain().focus().toggleBold().run()); // VOn\n // @vize-map: expr -> 2526:2568\n void (editor?.chain().focus().toggleItalic().run()); // VOn\n // @vize-map: expr -> 2622:2666\n void (editor!); // VBind\n // @vize-map: expr -> 2727:2734\n void (editorPreview); // Interpolation\n // @vize-map: expr -> 2760:2773\n void (chartData); // VBind\n // @vize-map: expr -> 2850:2859\n void (chartOptions); // VBind\n // @vize-map: expr -> 2871:2883\n void (virtualItems); // VBind\n // @vize-map: expr -> 2966:2978\n void (44); // VBind\n // @vize-map: expr -> 2998:3000\n\n // v-for scope: slide in slides\n __vForList(slides).forEach(([slide]) => {\n void slide;\n void (slide.id); // VBind\n // @vize-map: expr -> 2256:2264\n void (slide.title); // Interpolation\n // @vize-map: expr -> 2316:2327\n void (slide.body); // Interpolation\n // @vize-map: expr -> 2352:2362\n });\n\n // v-slot scope: #default\n void function _slot_default_22({ item }: typeof RecycleScroller extends { new (): { $slots: infer __S } } ? (\"default\" extends keyof __S ? (NonNullable<__S[\"default\"]> extends (props: infer __P, ...args: any[]) => any ? __P : any) : any) : any) {\n void item;\n void (item.name); // Interpolation\n // @vize-map: expr -> 3104:3113\n void (item.downloads); // Interpolation\n // @vize-map: expr -> 3143:3157\n };\n\n // Component props type declarations\n type __VizeIsAny = 0 extends (1 & T) ? true : false;\n type __VizePropChecker = __VizeIsAny extends true ? (props: P & Record) => void : C extends { __vizeCheck: infer __F } ? (__F extends (...args: any[]) => any ? __F : (props: P & Record) => void) : (props: P & Record) => void;\n type __VizePropValue = [__V] extends [never] ? unknown : __V;\n // @vize-map: component -> 2142:2206\n type __Swiper_Props_1 = typeof Swiper extends { __vizeCheck: any } ? Record : (typeof Swiper extends { new (): { $props: infer __P } } ? __P : (typeof Swiper extends (props: infer __P) => any ? __P : {}));\n type __Swiper_1_prop_slides_per_view = __VizePropValue<__Swiper_Props_1, 'slidesPerView'>;\n type __Swiper_1_prop_space_between = __VizePropValue<__Swiper_Props_1, 'spaceBetween'>;\n type __Swiper_CheckProps_1 = {\n };\n type __Swiper_Check_1 = __VizePropChecker;\n // @vize-map: component -> 2703:2738\n type __EditorContent_Props_2 = typeof EditorContent extends { __vizeCheck: any } ? Record : (typeof EditorContent extends { new (): { $props: infer __P } } ? __P : (typeof EditorContent extends (props: infer __P) => any ? __P : {}));\n type __EditorContent_2_prop_editor = __VizePropValue<__EditorContent_Props_2, 'editor'>;\n type __EditorContent_CheckProps_2 = {\n };\n type __EditorContent_Check_2 = __VizePropChecker;\n // @vize-map: component -> 2837:2887\n type __Line_Props_3 = typeof Line extends { __vizeCheck: any } ? Record : (typeof Line extends { new (): { $props: infer __P } } ? __P : (typeof Line extends (props: infer __P) => any ? __P : {}));\n type __Line_3_prop_data = __VizePropValue<__Line_Props_3, 'data'>;\n type __Line_3_prop_options = __VizePropValue<__Line_Props_3, 'options'>;\n type __Line_CheckProps_3 = {\n };\n type __Line_Check_3 = __VizePropChecker;\n // @vize-map: component -> 2908:3052\n type __RecycleScroller_Props_4 = typeof RecycleScroller extends { __vizeCheck: any } ? Record : (typeof RecycleScroller extends { new (): { $props: infer __P } } ? __P : (typeof RecycleScroller extends (props: infer __P) => any ? __P : {}));\n type __RecycleScroller_4_prop_items = __VizePropValue<__RecycleScroller_Props_4, 'items'>;\n type __RecycleScroller_4_prop_item_size = __VizePropValue<__RecycleScroller_Props_4, 'itemSize'>;\n type __RecycleScroller_CheckProps_4 = {\n };\n type __RecycleScroller_Check_4 = __VizePropChecker;\n\n // Component template navigation references\n void SwiperSlide;\n void Swiper;\n const __vize_props_nav_1 = undefined as unknown as __Swiper_Props_1 & Record;\n void __vize_props_nav_1.class;\n void __vize_props_nav_1.slidesPerView;\n void __vize_props_nav_1.spaceBetween;\n void EditorContent;\n const __vize_props_nav_2 = undefined as unknown as __EditorContent_Props_2 & Record;\n void __vize_props_nav_2.editor;\n void Line;\n const __vize_props_nav_3 = undefined as unknown as __Line_Props_3 & Record;\n void __vize_props_nav_3.data;\n void __vize_props_nav_3.options;\n void RecycleScroller;\n const __vize_props_nav_4 = undefined as unknown as __RecycleScroller_Props_4 & Record;\n void __vize_props_nav_4.class;\n void __vize_props_nav_4.items;\n void __vize_props_nav_4.itemSize;\n void __vize_props_nav_4.keyField;\n\n // Component props value checks (template scope)\n // @vize-map: prop -> 2165:2185\n const __vize_prop_check_1_slides_per_view: __Swiper_1_prop_slides_per_view = 1;\n void __vize_prop_check_1_slides_per_view;\n // @vize-map: prop -> 2186:2205\n const __vize_prop_check_1_space_between: __Swiper_1_prop_space_between = 12;\n void __vize_prop_check_1_space_between;\n (undefined as unknown as __Swiper_Check_1)({\n \"class\": \"slider\",\n \"slidesPerView\": 1,\n \"spaceBetween\": 12,\n });\n // @vize-map: prop -> 2718:2735\n const __vize_prop_check_2_editor: __EditorContent_2_prop_editor = editor!;\n void __vize_prop_check_2_editor;\n (undefined as unknown as __EditorContent_Check_2)({\n \"editor\": editor!,\n });\n // @vize-map: prop -> 2843:2860\n const __vize_prop_check_3_data: __Line_3_prop_data = chartData;\n void __vize_prop_check_3_data;\n // @vize-map: prop -> 2861:2884\n const __vize_prop_check_3_options: __Line_3_prop_options = chartOptions;\n void __vize_prop_check_3_options;\n (undefined as unknown as __Line_Check_3)({\n \"data\": chartData,\n \"options\": chartOptions,\n });\n // @vize-map: prop -> 2958:2979\n const __vize_prop_check_4_items: __RecycleScroller_4_prop_items = virtualItems;\n void __vize_prop_check_4_items;\n // @vize-map: prop -> 2986:3001\n const __vize_prop_check_4_item_size: __RecycleScroller_4_prop_item_size = 44;\n void __vize_prop_check_4_item_size;\n (undefined as unknown as __RecycleScroller_Check_4)({\n \"class\": \"virtual-list\",\n \"items\": virtualItems,\n \"itemSize\": 44,\n \"keyField\": \"id\",\n });\n\n // Component props in v-for scope: slide in slides\n __vForList(slides).forEach(([slide]) => {\n void slide;\n });\n\n // Component props in v-slot scope: #default\n void function _slot_props_default_22({ item }: typeof RecycleScroller extends { new (): { $slots: infer __S } } ? (\"default\" extends keyof __S ? (NonNullable<__S[\"default\"]> extends (props: infer __P, ...args: any[]) => any ? __P : any) : any) : any) {\n void item;\n };\n\n // Mark used components as referenced\n void SwiperSlide;\n void RecycleScroller;\n void EditorContent;\n void Line;\n void Swiper;\n\n // Reference setup bindings (used in template/CSS v-bind)\n void CategoryScale; void ChartJS; void EditorContent; void Legend; void Line; void LineElement; void LinearScale; void PointElement; void RecycleScroller; void StarterKit; void Swiper; void SwiperSlide; void Tooltip; void chartData; void chartOptions; void computed; void editor; void editorPreview; void points; void slides; void useEditor; void virtualItems;\n })();\n}\n\n// Invoke setup to verify types\n__setup();\n\nexport type Emits = {};\nexport type Slots = {};\n\n// ========== Default Export ==========\ntype __VizeComponentInstance = {\n $props: __VizeComponentProps;\n $emit: __EmitFn;\n $slots: Slots;\n};\ntype __VizeComponentConstructor = new (...args: any[]) => __VizeComponentInstance;\ntype __VizeVueComponentOptions = {\n name?: string;\n __name?: string;\n __file?: string;\n __vccOpts?: any;\n props?: any;\n emits?: any;\n slots?: any;\n setup?: any;\n render?: Function;\n components?: any;\n directives?: any;\n inheritAttrs?: boolean;\n compatConfig?: any;\n call?: (this: unknown, ...args: unknown[]) => never;\n __isFragment?: never;\n __isTeleport?: never;\n __isSuspense?: never;\n __defaults?: any;\n __vapor?: boolean;\n __multiRoot?: boolean;\n __isKeepAlive?: boolean;\n __isBuiltIn?: boolean;\n};\ndeclare const __vize_component__: __VizeComponentConstructor & __VizeVueComponentOptions;\nexport default __vize_component__;\n",
+ "virtualTs": "/// \n/// \n/// \n// ============================================\n// Virtual TypeScript for Vue SFC Type Checking\n// Generated by vize\n// ============================================\n\n// Shared preamble hoisted to the program-wide __vize_helpers.d.ts\n// ========== Module Scope (imports) ==========\nimport { computed } from \"vue\";\nimport { Swiper, SwiperSlide } from \"swiper/vue\";\nimport \"swiper/css\";\nimport { EditorContent, useEditor } from \"@tiptap/vue-3\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport {\n CategoryScale,\n Chart as ChartJS,\n Legend,\n LinearScale,\n LineElement,\n PointElement,\n Tooltip,\n type ChartData,\n type ChartOptions,\n} from \"chart.js\";\nimport { Line } from \"vue-chartjs\";\nimport { RecycleScroller } from \"vue-virtual-scroller\";\nimport \"vue-virtual-scroller/dist/vue-virtual-scroller.css\";\nimport type { ChartPoint } from \"./types\";\n\n// ========== Exported Types ==========\nexport type Props = {};\n\n// ========== Setup Scope ==========\nfunction __setup() {\n // Compiler macros (setup-scope only; signatures hoisted to the shared helpers file)\n const defineProps = __vize_defineProps;\n const defineEmits = __vize_defineEmits;\n const defineExpose = __vize_defineExpose;\n const defineModel = __vize_defineModel;\n const defineSlots = __vize_defineSlots;\n const withDefaults = __vize_withDefaults;\n const useTemplateRef = __vize_useTemplateRef;\n // Mark compiler macros as used\n void defineProps; void defineEmits; void defineExpose; void defineModel; void defineSlots; void withDefaults; void useTemplateRef;\n\n // User setup code\n \n \n ChartJS.register(CategoryScale, LinearScale, PointElement, LineElement, Tooltip, Legend);\n \n const slides = [\n { id: \"swiper\", title: \"Swiper.js\", body: \"Carousel coverage for Vue components.\" },\n { id: \"tiptap\", title: \"Tiptap Vue\", body: \"Editor content and commands.\" },\n { id: \"chart\", title: \"Vue Chart.js\", body: \"Chart data and options.\" },\n ];\n \n const points = [\n { month: \"Jan\", value: 12 },\n { month: \"Feb\", value: 21 },\n { month: \"Mar\", value: 18 },\n { month: \"Apr\", value: 32 },\n ] satisfies ChartPoint[];\n \n const virtualItems = Array.from({ length: 32 }, (_, index) => ({\n id: `product-${index}`,\n name: `Virtual product ${index + 1}`,\n downloads: (index + 1) * 125,\n }));\n \n const editor = useEditor({\n extensions: [StarterKit],\n content: \"Vize checks Tiptap Vue editor content.
\",\n });\n \n const editorPreview = computed(() => editor.value?.getText() ?? \"\");\n \n const chartData = computed>(() => ({\n labels: points.map((point) => point.month),\n datasets: [\n {\n label: \"Ecosystem usage\",\n data: points.map((point) => point.value),\n borderColor: \"#0f766e\",\n backgroundColor: \"rgba(15, 118, 110, 0.18)\",\n tension: 0.3,\n },\n ],\n }));\n \n const chartOptions: ChartOptions<\"line\"> = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false,\n },\n },\n scales: {\n y: {\n beginAtZero: true,\n },\n },\n };\n \n // @vize-map: 1655:3208 -> 0:2010\n\n // ========== Template Scope (inherits from setup) ==========\n // Ref type captures (before template scope shadows them)\n type __R_EditorContent = typeof EditorContent;\n type __R_Line = typeof Line;\n type __R_RecycleScroller = typeof RecycleScroller;\n type __R_Swiper = typeof Swiper;\n type __R_SwiperSlide = typeof SwiperSlide;\n type __R_chartData = typeof chartData;\n type __R_editor = typeof editor;\n type __R_editorPreview = typeof editorPreview;\n type __R_points = typeof points;\n type __R_virtualItems = typeof virtualItems;\n ;(function __template() {\n // Auto-unwrap Vue refs in template scope\n type __VizeIsUnion = T extends unknown ? ([__U] extends [T] ? false : true) : false;\n type __VizeWidenTemplateRef = __VizeIsUnion extends true ? T : T extends string ? keyof T extends keyof string ? string : T : T extends number ? keyof T extends keyof number ? number : T : T extends boolean ? keyof T extends keyof boolean ? boolean : T : T;\n type __U = T extends import('vue').Ref ? __VizeWidenTemplateRef : T;\n var EditorContent: __U<__R_EditorContent> = undefined as any;\n var Line: __U<__R_Line> = undefined as any;\n var RecycleScroller: __U<__R_RecycleScroller> = undefined as any;\n var Swiper: __U<__R_Swiper> = undefined as any;\n var SwiperSlide: __U<__R_SwiperSlide> = undefined as any;\n var chartData: __U<__R_chartData> = undefined as any;\n var editor: __U<__R_editor> = undefined as any;\n var editorPreview: __U<__R_editorPreview> = undefined as any;\n var points: __U<__R_points> = undefined as any;\n var virtualItems: __U<__R_virtualItems> = undefined as any;\n // Vue template context (delegates to ComponentPublicInstance)\n type __Ctx = import('vue').ComponentPublicInstance;\n const __ctx = undefined as unknown as __Ctx;\n const $attrs = __ctx.$attrs;\n const $slots = __ctx.$slots;\n const $refs = __ctx.$refs;\n const $emit = __ctx.$emit;\n void __ctx; void $attrs; void $slots; void $refs; void $emit;\n\n void (1); // VBind\n // @vize-map: expr -> 2183:2184\n void (12); // VBind\n // @vize-map: expr -> 2202:2204\n void (editor?.chain().focus().toggleBold().run()); // VOn\n // @vize-map: expr -> 2526:2568\n void (editor?.chain().focus().toggleItalic().run()); // VOn\n // @vize-map: expr -> 2622:2666\n void (editor!); // VBind\n // @vize-map: expr -> 2727:2734\n void (editorPreview); // Interpolation\n // @vize-map: expr -> 2760:2773\n void (chartData); // VBind\n // @vize-map: expr -> 2850:2859\n void (chartOptions); // VBind\n // @vize-map: expr -> 2871:2883\n void (virtualItems); // VBind\n // @vize-map: expr -> 2966:2978\n void (44); // VBind\n // @vize-map: expr -> 2998:3000\n\n // v-for scope: slide in slides\n __vForList(slides).forEach(([slide]) => {\n void slide;\n void (slide.id); // VBind\n // @vize-map: expr -> 2256:2264\n void (slide.title); // Interpolation\n // @vize-map: expr -> 2316:2327\n void (slide.body); // Interpolation\n // @vize-map: expr -> 2352:2362\n });\n\n // v-slot scope: #default\n void function _slot_default_22({ item }: typeof RecycleScroller extends { new (): { $slots: infer __S } } ? (\"default\" extends keyof __S ? (NonNullable<__S[\"default\"]> extends (props: infer __P, ...args: any[]) => any ? __P : any) : any) : any) {\n void item;\n void (item.name); // Interpolation\n // @vize-map: expr -> 3104:3113\n void (item.downloads); // Interpolation\n // @vize-map: expr -> 3143:3157\n };\n\n // Component props type declarations\n type __VizeIsAny = 0 extends (1 & T) ? true : false;\n type __VizePropChecker = __VizeIsAny extends true ? (props: P & Record) => void : C extends { __vizeCheck: infer __F } ? (__F extends (...args: any[]) => any ? __F : (props: P & Record) => void) : (props: P & Record) => void;\n type __VizePropValue = [__V] extends [never] ? unknown : __V;\n // @vize-map: component -> 2142:2206\n type __Swiper_Props_1 = typeof Swiper extends { __vizeCheck: any } ? Record : (typeof Swiper extends { new (): { $props: infer __P } } ? __P : (typeof Swiper extends (props: infer __P) => any ? __P : {}));\n type __Swiper_1_prop_class = __VizePropValue<__Swiper_Props_1, 'class'>;\n type __Swiper_1_prop_slides_per_view = __VizePropValue<__Swiper_Props_1, 'slidesPerView'>;\n type __Swiper_1_prop_space_between = __VizePropValue<__Swiper_Props_1, 'spaceBetween'>;\n type __Swiper_CheckProps_1 = {\n };\n type __Swiper_Check_1 = __VizePropChecker;\n // @vize-map: component -> 2703:2738\n type __EditorContent_Props_2 = typeof EditorContent extends { __vizeCheck: any } ? Record : (typeof EditorContent extends { new (): { $props: infer __P } } ? __P : (typeof EditorContent extends (props: infer __P) => any ? __P : {}));\n type __EditorContent_2_prop_editor = __VizePropValue<__EditorContent_Props_2, 'editor'>;\n type __EditorContent_CheckProps_2 = {\n };\n type __EditorContent_Check_2 = __VizePropChecker;\n // @vize-map: component -> 2837:2887\n type __Line_Props_3 = typeof Line extends { __vizeCheck: any } ? Record : (typeof Line extends { new (): { $props: infer __P } } ? __P : (typeof Line extends (props: infer __P) => any ? __P : {}));\n type __Line_3_prop_data = __VizePropValue<__Line_Props_3, 'data'>;\n type __Line_3_prop_options = __VizePropValue<__Line_Props_3, 'options'>;\n type __Line_CheckProps_3 = {\n };\n type __Line_Check_3 = __VizePropChecker;\n // @vize-map: component -> 2908:3052\n type __RecycleScroller_Props_4 = typeof RecycleScroller extends { __vizeCheck: any } ? Record : (typeof RecycleScroller extends { new (): { $props: infer __P } } ? __P : (typeof RecycleScroller extends (props: infer __P) => any ? __P : {}));\n type __RecycleScroller_4_prop_class = __VizePropValue<__RecycleScroller_Props_4, 'class'>;\n type __RecycleScroller_4_prop_items = __VizePropValue<__RecycleScroller_Props_4, 'items'>;\n type __RecycleScroller_4_prop_item_size = __VizePropValue<__RecycleScroller_Props_4, 'itemSize'>;\n type __RecycleScroller_4_prop_key_field = __VizePropValue<__RecycleScroller_Props_4, 'keyField'>;\n type __RecycleScroller_CheckProps_4 = {\n };\n type __RecycleScroller_Check_4 = __VizePropChecker;\n\n // Component template navigation references\n void SwiperSlide;\n void Swiper;\n const __vize_props_nav_1 = undefined as unknown as __Swiper_Props_1 & Record;\n void __vize_props_nav_1.class;\n void __vize_props_nav_1.slidesPerView;\n void __vize_props_nav_1.spaceBetween;\n void EditorContent;\n const __vize_props_nav_2 = undefined as unknown as __EditorContent_Props_2 & Record;\n void __vize_props_nav_2.editor;\n void Line;\n const __vize_props_nav_3 = undefined as unknown as __Line_Props_3 & Record;\n void __vize_props_nav_3.data;\n void __vize_props_nav_3.options;\n void RecycleScroller;\n const __vize_props_nav_4 = undefined as unknown as __RecycleScroller_Props_4 & Record;\n void __vize_props_nav_4.class;\n void __vize_props_nav_4.items;\n void __vize_props_nav_4.itemSize;\n void __vize_props_nav_4.keyField;\n\n // Component props value checks (template scope)\n // @vize-map: prop -> 2150:2164\n const __vize_prop_check_1_class: __Swiper_1_prop_class = \"slider\";\n void __vize_prop_check_1_class;\n // @vize-map: prop -> 2165:2185\n const __vize_prop_check_1_slides_per_view: __Swiper_1_prop_slides_per_view = 1;\n void __vize_prop_check_1_slides_per_view;\n // @vize-map: prop -> 2186:2205\n const __vize_prop_check_1_space_between: __Swiper_1_prop_space_between = 12;\n void __vize_prop_check_1_space_between;\n (undefined as unknown as __Swiper_Check_1)({\n \"class\": \"slider\",\n \"slidesPerView\": 1,\n \"spaceBetween\": 12,\n });\n // @vize-map: prop -> 2718:2735\n const __vize_prop_check_2_editor: __EditorContent_2_prop_editor = editor!;\n void __vize_prop_check_2_editor;\n (undefined as unknown as __EditorContent_Check_2)({\n \"editor\": editor!,\n });\n // @vize-map: prop -> 2843:2860\n const __vize_prop_check_3_data: __Line_3_prop_data = chartData;\n void __vize_prop_check_3_data;\n // @vize-map: prop -> 2861:2884\n const __vize_prop_check_3_options: __Line_3_prop_options = chartOptions;\n void __vize_prop_check_3_options;\n (undefined as unknown as __Line_Check_3)({\n \"data\": chartData,\n \"options\": chartOptions,\n });\n // @vize-map: prop -> 2931:2951\n const __vize_prop_check_4_class: __RecycleScroller_4_prop_class = \"virtual-list\";\n void __vize_prop_check_4_class;\n // @vize-map: prop -> 2958:2979\n const __vize_prop_check_4_items: __RecycleScroller_4_prop_items = virtualItems;\n void __vize_prop_check_4_items;\n // @vize-map: prop -> 2986:3001\n const __vize_prop_check_4_item_size: __RecycleScroller_4_prop_item_size = 44;\n void __vize_prop_check_4_item_size;\n // @vize-map: prop -> 3008:3022\n const __vize_prop_check_4_key_field: __RecycleScroller_4_prop_key_field = \"id\";\n void __vize_prop_check_4_key_field;\n (undefined as unknown as __RecycleScroller_Check_4)({\n \"class\": \"virtual-list\",\n \"items\": virtualItems,\n \"itemSize\": 44,\n \"keyField\": \"id\",\n });\n\n // Component props in v-for scope: slide in slides\n __vForList(slides).forEach(([slide]) => {\n void slide;\n });\n\n // Component props in v-slot scope: #default\n void function _slot_props_default_22({ item }: typeof RecycleScroller extends { new (): { $slots: infer __S } } ? (\"default\" extends keyof __S ? (NonNullable<__S[\"default\"]> extends (props: infer __P, ...args: any[]) => any ? __P : any) : any) : any) {\n void item;\n };\n\n // Mark used components as referenced\n void SwiperSlide;\n void RecycleScroller;\n void EditorContent;\n void Line;\n void Swiper;\n\n // Reference setup bindings (used in template/CSS v-bind)\n void CategoryScale; void ChartJS; void EditorContent; void Legend; void Line; void LineElement; void LinearScale; void PointElement; void RecycleScroller; void StarterKit; void Swiper; void SwiperSlide; void Tooltip; void chartData; void chartOptions; void computed; void editor; void editorPreview; void points; void slides; void useEditor; void virtualItems;\n })();\n}\n\n// Invoke setup to verify types\n__setup();\n\nexport type Emits = {};\nexport type Slots = {};\n\n// ========== Default Export ==========\ntype __VizeComponentInstance = {\n $props: __VizeComponentProps;\n $emit: __EmitFn;\n $slots: Slots;\n};\ntype __VizeComponentConstructor = new (...args: any[]) => __VizeComponentInstance;\ntype __VizeVueComponentOptions = {\n name?: string;\n __name?: string;\n __file?: string;\n __vccOpts?: any;\n props?: any;\n emits?: any;\n slots?: any;\n setup?: any;\n render?: Function;\n components?: any;\n directives?: any;\n inheritAttrs?: boolean;\n compatConfig?: any;\n call?: (this: unknown, ...args: unknown[]) => never;\n __isFragment?: never;\n __isTeleport?: never;\n __isSuspense?: never;\n __defaults?: any;\n __vapor?: boolean;\n __multiRoot?: boolean;\n __isKeepAlive?: boolean;\n __isBuiltIn?: boolean;\n};\ndeclare const __vize_component__: __VizeComponentConstructor & __VizeVueComponentOptions;\nexport default __vize_component__;\n",
"diagnostics": []
},
{
"file": "src/NaiveUiOptionsApi.vue",
- "virtualTs": "/// \n/// \n/// \n// ============================================\n// Virtual TypeScript for Vue SFC Type Checking\n// Generated by vize\n// ============================================\n\n// Shared preamble hoisted to the program-wide __vize_helpers.d.ts\n// ========== Module Scope (imports) ==========\nimport type {} from \"./shims\";\nimport { defineComponent } from \"vue\";\nimport { NButton, NCard, NSelect, NTag } from \"naive-ui\";\nimport type { SelectOption } from \"naive-ui\";\ninterface LibraryOption extends SelectOption {\n label: string;\n value: string;\n}\ninterface ReviewTask {\n id: string;\n title: string;\n owner: string;\n done: boolean;\n}\n\n// ========== Exported Types ==========\nexport type Props = {};\n\n// ========== Setup Scope ==========\nfunction __setup() {\n // Compiler macros (setup-scope only; signatures hoisted to the shared helpers file)\n const defineProps = __vize_defineProps;\n const defineEmits = __vize_defineEmits;\n const defineExpose = __vize_defineExpose;\n const defineModel = __vize_defineModel;\n const defineSlots = __vize_defineSlots;\n const withDefaults = __vize_withDefaults;\n const useTemplateRef = __vize_useTemplateRef;\n // Mark compiler macros as used\n void defineProps; void defineEmits; void defineExpose; void defineModel; void defineSlots; void withDefaults; void useTemplateRef;\n\n // User setup code\n \n \n \n \n const libraryOptions: LibraryOption[] = [\n { label: \"Naive UI\", value: \"naive-ui\" },\n { label: \"PrimeVue\", value: \"primevue\" },\n { label: \"Element Plus\", value: \"element-plus\" },\n ];\n \n const reviewTasks: ReviewTask[] = [\n { id: \"select\", title: \"Check v-model:value\", owner: \"typechecker\", done: true },\n { id: \"button\", title: \"Check button listener\", owner: \"linter\", done: false },\n { id: \"tag\", title: \"Check tag props\", owner: \"compiler\", done: false },\n ];\n \n const __default__ = defineComponent({\n name: \"NaiveUiOptionsApi\",\n components: {\n NButton,\n NCard,\n NSelect,\n NTag,\n },\n data() {\n return {\n selectedLibrary: \"naive-ui\",\n libraryOptions,\n reviewTasks,\n lastReviewed: \"\",\n };\n },\n computed: {\n selectedLabel(): string {\n const option = this.libraryOptions.find((item) => item.value === this.selectedLibrary);\n return option?.label ?? \"Unknown library\";\n },\n visibleTasks(): ReviewTask[] {\n return this.reviewTasks.filter((task) => task.owner !== \"compiler\" || !task.done);\n },\n completedCount(): number {\n return this.reviewTasks.filter((task) => task.done).length;\n },\n statusTagType(): \"success\" | \"warning\" {\n return this.completedCount === this.reviewTasks.length ? \"success\" : \"warning\";\n },\n statusMessage(): string {\n return `${this.completedCount}/${this.reviewTasks.length} reviewed for ${this.selectedLabel}`;\n },\n },\n methods: {\n markReviewed(value: string): void {\n this.lastReviewed = value;\n },\n toggleTask(taskId: string): void {\n const task = this.reviewTasks.find((item) => item.id === taskId);\n if (task) {\n task.done = !task.done;\n }\n },\n },\n });\n \n void __default__;\n // @vize-map: 1428:3305 -> 0:2072\n\n // Options API typed instance bridge\n type __VizeThis = {\n completedCount: any;\n lastReviewed: any;\n libraryOptions: any;\n markReviewed: any;\n reviewTasks: any;\n selectedLabel: any;\n selectedLibrary: any;\n statusMessage: any;\n statusTagType: any;\n toggleTask: any;\n visibleTasks: any;\n };\n function __vize_computed_selectedLabel(this: __VizeThis) {\n const option = this.libraryOptions.find((item) => item.value === this.selectedLibrary);\n return option?.label ?? \"Unknown library\";\n }\n function __vize_computed_visibleTasks(this: __VizeThis) {\n return this.reviewTasks.filter((task) => task.owner !== \"compiler\" || !task.done);\n }\n function __vize_computed_completedCount(this: __VizeThis) {\n return this.reviewTasks.filter((task) => task.done).length;\n }\n function __vize_computed_statusTagType(this: __VizeThis) {\n return this.completedCount === this.reviewTasks.length ? \"success\" : \"warning\";\n }\n function __vize_computed_statusMessage(this: __VizeThis) {\n return `${this.completedCount}/${this.reviewTasks.length} reviewed for ${this.selectedLabel}`;\n }\n function __vize_method_markReviewed(this: __VizeThis, value: string) {\n this.lastReviewed = value;\n }\n function __vize_method_toggleTask(this: __VizeThis, taskId: string) {\n const task = this.reviewTasks.find((item) => item.id === taskId);\n if (task) {\n task.done = !task.done;\n }\n }\n void __vize_computed_selectedLabel; void __vize_computed_visibleTasks; void __vize_computed_completedCount; void __vize_computed_statusTagType; void __vize_computed_statusMessage; void __vize_method_markReviewed; void __vize_method_toggleTask;\n\n // ========== Template Scope (inherits from setup) ==========\n // Ref type captures (before template scope shadows them)\n type __R_NButton = typeof NButton;\n type __R_NCard = typeof NCard;\n type __R_NSelect = typeof NSelect;\n type __R_NTag = typeof NTag;\n ;(function __template() {\n // Auto-unwrap Vue refs in template scope\n type __VizeIsUnion = T extends unknown ? ([__U] extends [T] ? false : true) : false;\n type __VizeWidenTemplateRef = __VizeIsUnion extends true ? T : T extends string ? keyof T extends keyof string ? string : T : T extends number ? keyof T extends keyof number ? number : T : T extends boolean ? keyof T extends keyof boolean ? boolean : T : T;\n type __U = T extends import('vue').Ref ? __VizeWidenTemplateRef : T;\n var NButton: __U<__R_NButton> = undefined as any;\n var NCard: __U<__R_NCard> = undefined as any;\n var NSelect: __U<__R_NSelect> = undefined as any;\n var NTag: __U<__R_NTag> = undefined as any;\n // Vue template context (delegates to ComponentPublicInstance)\n type __Ctx = import('vue').ComponentPublicInstance;\n const __ctx = undefined as unknown as __Ctx;\n const $attrs = __ctx.$attrs;\n const $slots = __ctx.$slots;\n const $refs = __ctx.$refs;\n const $emit = __ctx.$emit;\n void __ctx; void $attrs; void $slots; void $refs; void $emit;\n\n // Options API template bindings\n type __VizeOptionsInstance = T extends abstract new (...args: any) => infer I ? I : any;\n type __VizeOptionsBinding = K extends keyof __VizeOptionsInstance ? __VizeOptionsInstance[K] : any;\n const completedCount: __VizeOptionsBinding = undefined as any;\n const lastReviewed: __VizeOptionsBinding = undefined as any;\n const markReviewed: __VizeOptionsBinding = undefined as any;\n const selectedLabel: __VizeOptionsBinding = undefined as any;\n const selectedLibrary: __VizeOptionsBinding = undefined as any;\n const statusMessage: __VizeOptionsBinding = undefined as any;\n const statusTagType: __VizeOptionsBinding = undefined as any;\n const toggleTask: __VizeOptionsBinding = undefined as any;\n const visibleTasks: __VizeOptionsBinding = undefined as any;\n void completedCount;void lastReviewed;void markReviewed;void selectedLabel;void selectedLibrary;void statusMessage;void statusTagType;void toggleTask;void visibleTasks;\n void (selectedLibrary); // VModel\n // @vize-map: expr -> 2192:2207\n void (libraryOptions); // VBind\n // @vize-map: expr -> 2219:2233\n void (markReviewed(selectedLibrary)); // VOn\n // @vize-map: expr -> 2285:2314\n void (selectedLabel); // Interpolation\n // @vize-map: expr -> 2333:2346\n void (statusTagType); // VBind\n // @vize-map: expr -> 2382:2395\n void (statusMessage); // Interpolation\n // @vize-map: expr -> 2400:2413\n if ((lastReviewed)) {\n // @vize-map: expr -> 2717:2729\n }\n if ((lastReviewed)) {\n void (lastReviewed); // Interpolation\n // @vize-map: expr -> 2749:2761\n }\n\n // v-for scope: task in visibleTasks\n __vForList(visibleTasks).forEach(([task]) => {\n void task;\n void (task.id); // VBind\n // @vize-map: expr -> 2478:2485\n void (task.title); // Interpolation\n // @vize-map: expr -> 2505:2515\n void (task.owner); // Interpolation\n // @vize-map: expr -> 2525:2535\n void (toggleTask(task.id)); // VOn\n // @vize-map: expr -> 2595:2614\n void (task.done ? \"Reopen\" : \"Done\"); // Interpolation\n // @vize-map: expr -> 2630:2659\n });\n\n // Component props type declarations\n type __VizeIsAny = 0 extends (1 & T) ? true : false;\n type __VizePropChecker = __VizeIsAny extends true ? (props: P & Record) => void : C extends { __vizeCheck: infer __F } ? (__F extends (...args: any[]) => any ? __F : (props: P & Record) => void) : (props: P & Record) => void;\n type __VizePropValue = [__V] extends [never] ? unknown : __V;\n // @vize-map: component -> 2168:2248\n type __NSelect_Props_0 = typeof NSelect extends { __vizeCheck: any } ? Record : (typeof NSelect extends { new (): { $props: infer __P } } ? __P : (typeof NSelect extends (props: infer __P) => any ? __P : {}));\n type __NSelect_0_prop_value = __VizePropValue<__NSelect_Props_0, 'value'>;\n type __NSelect_0_prop_options = __VizePropValue<__NSelect_Props_0, 'options'>;\n type __NSelect_CheckProps_0 = {\n };\n type __NSelect_Check_0 = __VizePropChecker;\n // @vize-map: component -> 2253:2316\n type __NButton_Props_1 = typeof NButton extends { __vizeCheck: any } ? Record : (typeof NButton extends { new (): { $props: infer __P } } ? __P : (typeof NButton extends (props: infer __P) => any ? __P : {}));\n type __NButton_CheckProps_1 = {\n };\n type __NButton_Check_1 = __VizePropChecker;\n // @vize-map: component -> 2369:2397\n type __NTag_Props_2 = typeof NTag extends { __vizeCheck: any } ? Record : (typeof NTag extends { new (): { $props: infer __P } } ? __P : (typeof NTag extends (props: infer __P) => any ? __P : {}));\n type __NTag_2_prop_type = __VizePropValue<__NTag_Props_2, 'type'>;\n type __NTag_CheckProps_2 = {\n };\n type __NTag_Check_2 = __VizePropChecker;\n // @vize-map: component -> 2554:2616\n type __NButton_Props_3 = typeof NButton extends { __vizeCheck: any } ? Record : (typeof NButton extends { new (): { $props: infer __P } } ? __P : (typeof NButton extends (props: infer __P) => any ? __P : {}));\n type __NButton_CheckProps_3 = {\n };\n type __NButton_Check_3 = __VizePropChecker;\n // @vize-map: component -> 2114:2163\n type __NCard_Props_4 = typeof NCard extends { __vizeCheck: any } ? Record : (typeof NCard extends { new (): { $props: infer __P } } ? __P : (typeof NCard extends (props: infer __P) => any ? __P : {}));\n type __NCard_CheckProps_4 = {\n };\n type __NCard_Check_4 = __VizePropChecker;\n\n // Component template navigation references\n void NSelect;\n const __vize_props_nav_0 = undefined as unknown as __NSelect_Props_0 & Record;\n void __vize_props_nav_0.value;\n void __vize_props_nav_0.options;\n void __vize_props_nav_0.filterable;\n void NButton;\n const __vize_props_nav_1 = undefined as unknown as __NButton_Props_1 & Record;\n void __vize_props_nav_1.type;\n void NTag;\n const __vize_props_nav_2 = undefined as unknown as __NTag_Props_2 & Record;\n void __vize_props_nav_2.type;\n void NButton;\n const __vize_props_nav_3 = undefined as unknown as __NButton_Props_3 & Record;\n void __vize_props_nav_3.quaternary;\n void __vize_props_nav_3.size;\n void NCard;\n const __vize_props_nav_4 = undefined as unknown as __NCard_Props_4 & Record;\n void __vize_props_nav_4.title;\n void __vize_props_nav_4.size;\n\n // Component props value checks (template scope)\n // @vize-map: prop -> 2177:2208\n const __vize_prop_check_0_value: __NSelect_0_prop_value = selectedLibrary;\n void __vize_prop_check_0_value;\n // @vize-map: prop -> 2209:2234\n const __vize_prop_check_0_options: __NSelect_0_prop_options = libraryOptions;\n void __vize_prop_check_0_options;\n (undefined as unknown as __NSelect_Check_0)({\n \"value\": selectedLibrary,\n \"options\": libraryOptions,\n \"filterable\": true,\n });\n (undefined as unknown as __NButton_Check_1)({\n \"type\": \"primary\",\n });\n // @vize-map: prop -> 2375:2396\n const __vize_prop_check_2_type: __NTag_2_prop_type = statusTagType;\n void __vize_prop_check_2_type;\n (undefined as unknown as __NTag_Check_2)({\n \"type\": statusTagType,\n });\n (undefined as unknown as __NCard_Check_4)({\n \"title\": \"Naive UI Options API\",\n \"size\": \"small\",\n });\n\n // Component props in v-for scope: task in visibleTasks\n __vForList(visibleTasks).forEach(([task]) => {\n void task;\n (undefined as unknown as __NButton_Check_3)({\n \"quaternary\": true,\n \"size\": \"small\",\n });\n });\n\n // Mark used components as referenced\n void NCard;\n void NButton;\n void NSelect;\n void NTag;\n\n // Reference setup bindings (used in template/CSS v-bind)\n void NButton; void NCard; void NSelect; void NTag; void completedCount; void defineComponent; void lastReviewed; void libraryOptions; void markReviewed; void reviewTasks; void selectedLabel; void selectedLibrary; void statusMessage; void statusTagType; void toggleTask; void visibleTasks;\n })();\n}\n\n// Invoke setup to verify types\n__setup();\n\nexport type Emits = {};\nexport type Slots = {};\n\n// ========== Default Export ==========\ntype __VizeComponentInstance = {\n $props: __VizeComponentProps;\n $emit: __EmitFn;\n $slots: Slots;\n};\ntype __VizeComponentConstructor = new (...args: any[]) => __VizeComponentInstance;\ntype __VizeVueComponentOptions = {\n name?: string;\n __name?: string;\n __file?: string;\n __vccOpts?: any;\n props?: any;\n emits?: any;\n slots?: any;\n setup?: any;\n render?: Function;\n components?: any;\n directives?: any;\n inheritAttrs?: boolean;\n compatConfig?: any;\n call?: (this: unknown, ...args: unknown[]) => never;\n __isFragment?: never;\n __isTeleport?: never;\n __isSuspense?: never;\n __defaults?: any;\n __vapor?: boolean;\n __multiRoot?: boolean;\n __isKeepAlive?: boolean;\n __isBuiltIn?: boolean;\n};\ndeclare const __vize_component__: __VizeComponentConstructor & __VizeVueComponentOptions;\nexport default __vize_component__;\n",
+ "virtualTs": "/// \n/// \n/// \n// ============================================\n// Virtual TypeScript for Vue SFC Type Checking\n// Generated by vize\n// ============================================\n\n// Shared preamble hoisted to the program-wide __vize_helpers.d.ts\n// ========== Module Scope (imports) ==========\nimport type {} from \"./shims\";\nimport { defineComponent } from \"vue\";\nimport { NButton, NCard, NSelect, NTag } from \"naive-ui\";\nimport type { SelectOption } from \"naive-ui\";\ninterface LibraryOption extends SelectOption {\n label: string;\n value: string;\n}\ninterface ReviewTask {\n id: string;\n title: string;\n owner: string;\n done: boolean;\n}\n\n// ========== Exported Types ==========\nexport type Props = {};\n\n// ========== Setup Scope ==========\nfunction __setup() {\n // Compiler macros (setup-scope only; signatures hoisted to the shared helpers file)\n const defineProps = __vize_defineProps;\n const defineEmits = __vize_defineEmits;\n const defineExpose = __vize_defineExpose;\n const defineModel = __vize_defineModel;\n const defineSlots = __vize_defineSlots;\n const withDefaults = __vize_withDefaults;\n const useTemplateRef = __vize_useTemplateRef;\n // Mark compiler macros as used\n void defineProps; void defineEmits; void defineExpose; void defineModel; void defineSlots; void withDefaults; void useTemplateRef;\n\n // User setup code\n \n \n \n \n const libraryOptions: LibraryOption[] = [\n { label: \"Naive UI\", value: \"naive-ui\" },\n { label: \"PrimeVue\", value: \"primevue\" },\n { label: \"Element Plus\", value: \"element-plus\" },\n ];\n \n const reviewTasks: ReviewTask[] = [\n { id: \"select\", title: \"Check v-model:value\", owner: \"typechecker\", done: true },\n { id: \"button\", title: \"Check button listener\", owner: \"linter\", done: false },\n { id: \"tag\", title: \"Check tag props\", owner: \"compiler\", done: false },\n ];\n \n const __default__ = defineComponent({\n name: \"NaiveUiOptionsApi\",\n components: {\n NButton,\n NCard,\n NSelect,\n NTag,\n },\n data() {\n return {\n selectedLibrary: \"naive-ui\",\n libraryOptions,\n reviewTasks,\n lastReviewed: \"\",\n };\n },\n computed: {\n selectedLabel(): string {\n const option = this.libraryOptions.find((item) => item.value === this.selectedLibrary);\n return option?.label ?? \"Unknown library\";\n },\n visibleTasks(): ReviewTask[] {\n return this.reviewTasks.filter((task) => task.owner !== \"compiler\" || !task.done);\n },\n completedCount(): number {\n return this.reviewTasks.filter((task) => task.done).length;\n },\n statusTagType(): \"success\" | \"warning\" {\n return this.completedCount === this.reviewTasks.length ? \"success\" : \"warning\";\n },\n statusMessage(): string {\n return `${this.completedCount}/${this.reviewTasks.length} reviewed for ${this.selectedLabel}`;\n },\n },\n methods: {\n markReviewed(value: string): void {\n this.lastReviewed = value;\n },\n toggleTask(taskId: string): void {\n const task = this.reviewTasks.find((item) => item.id === taskId);\n if (task) {\n task.done = !task.done;\n }\n },\n },\n });\n \n void __default__;\n // @vize-map: 1428:3305 -> 0:2072\n\n // Options API typed instance bridge\n type __VizeThis = {\n completedCount: any;\n lastReviewed: any;\n libraryOptions: any;\n markReviewed: any;\n reviewTasks: any;\n selectedLabel: any;\n selectedLibrary: any;\n statusMessage: any;\n statusTagType: any;\n toggleTask: any;\n visibleTasks: any;\n };\n function __vize_computed_selectedLabel(this: __VizeThis) {\n const option = this.libraryOptions.find((item) => item.value === this.selectedLibrary);\n return option?.label ?? \"Unknown library\";\n }\n function __vize_computed_visibleTasks(this: __VizeThis) {\n return this.reviewTasks.filter((task) => task.owner !== \"compiler\" || !task.done);\n }\n function __vize_computed_completedCount(this: __VizeThis) {\n return this.reviewTasks.filter((task) => task.done).length;\n }\n function __vize_computed_statusTagType(this: __VizeThis) {\n return this.completedCount === this.reviewTasks.length ? \"success\" : \"warning\";\n }\n function __vize_computed_statusMessage(this: __VizeThis) {\n return `${this.completedCount}/${this.reviewTasks.length} reviewed for ${this.selectedLabel}`;\n }\n function __vize_method_markReviewed(this: __VizeThis, value: string) {\n this.lastReviewed = value;\n }\n function __vize_method_toggleTask(this: __VizeThis, taskId: string) {\n const task = this.reviewTasks.find((item) => item.id === taskId);\n if (task) {\n task.done = !task.done;\n }\n }\n void __vize_computed_selectedLabel; void __vize_computed_visibleTasks; void __vize_computed_completedCount; void __vize_computed_statusTagType; void __vize_computed_statusMessage; void __vize_method_markReviewed; void __vize_method_toggleTask;\n\n // ========== Template Scope (inherits from setup) ==========\n // Ref type captures (before template scope shadows them)\n type __R_NButton = typeof NButton;\n type __R_NCard = typeof NCard;\n type __R_NSelect = typeof NSelect;\n type __R_NTag = typeof NTag;\n ;(function __template() {\n // Auto-unwrap Vue refs in template scope\n type __VizeIsUnion = T extends unknown ? ([__U] extends [T] ? false : true) : false;\n type __VizeWidenTemplateRef = __VizeIsUnion extends true ? T : T extends string ? keyof T extends keyof string ? string : T : T extends number ? keyof T extends keyof number ? number : T : T extends boolean ? keyof T extends keyof boolean ? boolean : T : T;\n type __U = T extends import('vue').Ref ? __VizeWidenTemplateRef : T;\n var NButton: __U<__R_NButton> = undefined as any;\n var NCard: __U<__R_NCard> = undefined as any;\n var NSelect: __U<__R_NSelect> = undefined as any;\n var NTag: __U<__R_NTag> = undefined as any;\n // Vue template context (delegates to ComponentPublicInstance)\n type __Ctx = import('vue').ComponentPublicInstance;\n const __ctx = undefined as unknown as __Ctx;\n const $attrs = __ctx.$attrs;\n const $slots = __ctx.$slots;\n const $refs = __ctx.$refs;\n const $emit = __ctx.$emit;\n void __ctx; void $attrs; void $slots; void $refs; void $emit;\n\n // Options API template bindings\n type __VizeOptionsInstance = T extends abstract new (...args: any) => infer I ? I : any;\n type __VizeOptionsBinding = K extends keyof __VizeOptionsInstance ? __VizeOptionsInstance[K] : any;\n const completedCount: __VizeOptionsBinding = undefined as any;\n const lastReviewed: __VizeOptionsBinding = undefined as any;\n const markReviewed: __VizeOptionsBinding = undefined as any;\n const selectedLabel: __VizeOptionsBinding = undefined as any;\n const selectedLibrary: __VizeOptionsBinding = undefined as any;\n const statusMessage: __VizeOptionsBinding = undefined as any;\n const statusTagType: __VizeOptionsBinding = undefined as any;\n const toggleTask: __VizeOptionsBinding = undefined as any;\n const visibleTasks: __VizeOptionsBinding = undefined as any;\n void completedCount;void lastReviewed;void markReviewed;void selectedLabel;void selectedLibrary;void statusMessage;void statusTagType;void toggleTask;void visibleTasks;\n void (selectedLibrary); // VModel\n // @vize-map: expr -> 2192:2207\n void (libraryOptions); // VBind\n // @vize-map: expr -> 2219:2233\n void (markReviewed(selectedLibrary)); // VOn\n // @vize-map: expr -> 2285:2314\n void (selectedLabel); // Interpolation\n // @vize-map: expr -> 2333:2346\n void (statusTagType); // VBind\n // @vize-map: expr -> 2382:2395\n void (statusMessage); // Interpolation\n // @vize-map: expr -> 2400:2413\n if ((lastReviewed)) {\n // @vize-map: expr -> 2717:2729\n }\n if ((lastReviewed)) {\n void (lastReviewed); // Interpolation\n // @vize-map: expr -> 2749:2761\n }\n\n // v-for scope: task in visibleTasks\n __vForList(visibleTasks).forEach(([task]) => {\n void task;\n void (task.id); // VBind\n // @vize-map: expr -> 2478:2485\n void (task.title); // Interpolation\n // @vize-map: expr -> 2505:2515\n void (task.owner); // Interpolation\n // @vize-map: expr -> 2525:2535\n void (toggleTask(task.id)); // VOn\n // @vize-map: expr -> 2595:2614\n void (task.done ? \"Reopen\" : \"Done\"); // Interpolation\n // @vize-map: expr -> 2630:2659\n });\n\n // Component props type declarations\n type __VizeIsAny = 0 extends (1 & T) ? true : false;\n type __VizePropChecker = __VizeIsAny extends true ? (props: P & Record) => void : C extends { __vizeCheck: infer __F } ? (__F extends (...args: any[]) => any ? __F : (props: P & Record) => void) : (props: P & Record) => void;\n type __VizePropValue = [__V] extends [never] ? unknown : __V;\n // @vize-map: component -> 2168:2248\n type __NSelect_Props_0 = typeof NSelect extends { __vizeCheck: any } ? Record : (typeof NSelect extends { new (): { $props: infer __P } } ? __P : (typeof NSelect extends (props: infer __P) => any ? __P : {}));\n type __NSelect_0_prop_value = __VizePropValue<__NSelect_Props_0, 'value'>;\n type __NSelect_0_prop_options = __VizePropValue<__NSelect_Props_0, 'options'>;\n type __NSelect_CheckProps_0 = {\n };\n type __NSelect_Check_0 = __VizePropChecker;\n // @vize-map: component -> 2253:2316\n type __NButton_Props_1 = typeof NButton extends { __vizeCheck: any } ? Record : (typeof NButton extends { new (): { $props: infer __P } } ? __P : (typeof NButton extends (props: infer __P) => any ? __P : {}));\n type __NButton_1_prop_type = __VizePropValue<__NButton_Props_1, 'type'>;\n type __NButton_CheckProps_1 = {\n };\n type __NButton_Check_1 = __VizePropChecker;\n // @vize-map: component -> 2369:2397\n type __NTag_Props_2 = typeof NTag extends { __vizeCheck: any } ? Record : (typeof NTag extends { new (): { $props: infer __P } } ? __P : (typeof NTag extends (props: infer __P) => any ? __P : {}));\n type __NTag_2_prop_type = __VizePropValue<__NTag_Props_2, 'type'>;\n type __NTag_CheckProps_2 = {\n };\n type __NTag_Check_2 = __VizePropChecker;\n // @vize-map: component -> 2554:2616\n type __NButton_Props_3 = typeof NButton extends { __vizeCheck: any } ? Record : (typeof NButton extends { new (): { $props: infer __P } } ? __P : (typeof NButton extends (props: infer __P) => any ? __P : {}));\n type __NButton_3_prop_size = __VizePropValue<__NButton_Props_3, 'size'>;\n type __NButton_CheckProps_3 = {\n };\n type __NButton_Check_3 = __VizePropChecker;\n // @vize-map: component -> 2114:2163\n type __NCard_Props_4 = typeof NCard extends { __vizeCheck: any } ? Record : (typeof NCard extends { new (): { $props: infer __P } } ? __P : (typeof NCard extends (props: infer __P) => any ? __P : {}));\n type __NCard_4_prop_title = __VizePropValue<__NCard_Props_4, 'title'>;\n type __NCard_4_prop_size = __VizePropValue<__NCard_Props_4, 'size'>;\n type __NCard_CheckProps_4 = {\n };\n type __NCard_Check_4 = __VizePropChecker;\n\n // Component template navigation references\n void NSelect;\n const __vize_props_nav_0 = undefined as unknown as __NSelect_Props_0 & Record;\n void __vize_props_nav_0.value;\n void __vize_props_nav_0.options;\n void __vize_props_nav_0.filterable;\n void NButton;\n const __vize_props_nav_1 = undefined as unknown as __NButton_Props_1 & Record;\n void __vize_props_nav_1.type;\n void NTag;\n const __vize_props_nav_2 = undefined as unknown as __NTag_Props_2 & Record;\n void __vize_props_nav_2.type;\n void NButton;\n const __vize_props_nav_3 = undefined as unknown as __NButton_Props_3 & Record;\n void __vize_props_nav_3.quaternary;\n void __vize_props_nav_3.size;\n void NCard;\n const __vize_props_nav_4 = undefined as unknown as __NCard_Props_4 & Record;\n void __vize_props_nav_4.title;\n void __vize_props_nav_4.size;\n\n // Component props value checks (template scope)\n // @vize-map: prop -> 2177:2208\n const __vize_prop_check_0_value: __NSelect_0_prop_value = selectedLibrary;\n void __vize_prop_check_0_value;\n // @vize-map: prop -> 2209:2234\n const __vize_prop_check_0_options: __NSelect_0_prop_options = libraryOptions;\n void __vize_prop_check_0_options;\n (undefined as unknown as __NSelect_Check_0)({\n \"value\": selectedLibrary,\n \"options\": libraryOptions,\n \"filterable\": true,\n });\n // @vize-map: prop -> 2262:2276\n const __vize_prop_check_1_type: __NButton_1_prop_type = \"primary\";\n void __vize_prop_check_1_type;\n (undefined as unknown as __NButton_Check_1)({\n \"type\": \"primary\",\n });\n // @vize-map: prop -> 2375:2396\n const __vize_prop_check_2_type: __NTag_2_prop_type = statusTagType;\n void __vize_prop_check_2_type;\n (undefined as unknown as __NTag_Check_2)({\n \"type\": statusTagType,\n });\n // @vize-map: prop -> 2121:2149\n const __vize_prop_check_4_title: __NCard_4_prop_title = \"Naive UI Options API\";\n void __vize_prop_check_4_title;\n // @vize-map: prop -> 2150:2162\n const __vize_prop_check_4_size: __NCard_4_prop_size = \"small\";\n void __vize_prop_check_4_size;\n (undefined as unknown as __NCard_Check_4)({\n \"title\": \"Naive UI Options API\",\n \"size\": \"small\",\n });\n\n // Component props in v-for scope: task in visibleTasks\n __vForList(visibleTasks).forEach(([task]) => {\n void task;\n // @vize-map: prop -> 2574:2586\n const __vize_prop_check_3_size: __NButton_3_prop_size = \"small\";\n void __vize_prop_check_3_size;\n (undefined as unknown as __NButton_Check_3)({\n \"quaternary\": true,\n \"size\": \"small\",\n });\n });\n\n // Mark used components as referenced\n void NCard;\n void NButton;\n void NSelect;\n void NTag;\n\n // Reference setup bindings (used in template/CSS v-bind)\n void NButton; void NCard; void NSelect; void NTag; void completedCount; void defineComponent; void lastReviewed; void libraryOptions; void markReviewed; void reviewTasks; void selectedLabel; void selectedLibrary; void statusMessage; void statusTagType; void toggleTask; void visibleTasks;\n })();\n}\n\n// Invoke setup to verify types\n__setup();\n\nexport type Emits = {};\nexport type Slots = {};\n\n// ========== Default Export ==========\ntype __VizeComponentInstance = {\n $props: __VizeComponentProps;\n $emit: __EmitFn;\n $slots: Slots;\n};\ntype __VizeComponentConstructor = new (...args: any[]) => __VizeComponentInstance;\ntype __VizeVueComponentOptions = {\n name?: string;\n __name?: string;\n __file?: string;\n __vccOpts?: any;\n props?: any;\n emits?: any;\n slots?: any;\n setup?: any;\n render?: Function;\n components?: any;\n directives?: any;\n inheritAttrs?: boolean;\n compatConfig?: any;\n call?: (this: unknown, ...args: unknown[]) => never;\n __isFragment?: never;\n __isTeleport?: never;\n __isSuspense?: never;\n __defaults?: any;\n __vapor?: boolean;\n __multiRoot?: boolean;\n __isKeepAlive?: boolean;\n __isBuiltIn?: boolean;\n};\ndeclare const __vize_component__: __VizeComponentConstructor & __VizeVueComponentOptions;\nexport default __vize_component__;\n",
"diagnostics": []
},
{
@@ -30,7 +30,7 @@
},
{
"file": "src/UiLibraries.vue",
- "virtualTs": "/// \n/// \n/// \n// ============================================\n// Virtual TypeScript for Vue SFC Type Checking\n// Generated by vize\n// ============================================\n\n// Shared preamble hoisted to the program-wide __vize_helpers.d.ts\n// ========== Module Scope (imports) ==========\nimport type {} from \"./shims\";\nimport { computed, reactive, ref } from \"vue\";\nimport {\n DialogClose,\n DialogContent,\n DialogOverlay,\n DialogPortal,\n DialogRoot,\n DialogTitle,\n DialogTrigger,\n} from \"reka-ui\";\nimport PrimeButton from \"primevue/button\";\nimport InputText from \"primevue/inputtext\";\nimport { Alert as AAlert, Button as AButton, Select as ASelect, Space as ASpace } from \"ant-design-vue\";\nimport UButton from \"@nuxt/ui/components/Button.vue\";\nimport UCard from \"@nuxt/ui/components/Card.vue\";\nimport UInput from \"@nuxt/ui/components/Input.vue\";\nimport { QBtn, QInput, QSelect } from \"quasar\";\nimport {\n ElButton,\n ElForm,\n ElFormItem,\n ElInput,\n ElOption,\n ElSelect,\n} from \"element-plus\";\nimport { IonButton, IonInput, IonItem, IonList } from \"@ionic/vue\";\nimport { Button as VanButton, Cell as VanCell, Field as VanField } from \"vant\";\nimport { NButton, NCard, NSelect } from \"naive-ui\";\nimport { FormKit } from \"@formkit/vue\";\nimport type { ProductOption } from \"./types\";\n\n// ========== Exported Types ==========\nexport type Props = {};\n\n// ========== Setup Scope ==========\nfunction __setup() {\n // Compiler macros (setup-scope only; signatures hoisted to the shared helpers file)\n const defineProps = __vize_defineProps;\n const defineEmits = __vize_defineEmits;\n const defineExpose = __vize_defineExpose;\n const defineModel = __vize_defineModel;\n const defineSlots = __vize_defineSlots;\n const withDefaults = __vize_withDefaults;\n const useTemplateRef = __vize_useTemplateRef;\n // Mark compiler macros as used\n void defineProps; void defineEmits; void defineExpose; void defineModel; void defineSlots; void withDefaults; void useTemplateRef;\n\n // User setup code\n \n \n const dialogOpen = ref(false);\n const primeValue = ref(\"PrimeVue\");\n const antValue = ref(\"ant-design-vue\");\n const nuxtValue = ref(\"Nuxt UI\");\n const quasarValue = ref(\"Quasar\");\n const quasarSelectValue = ref(\"quasar\");\n const elementValue = ref(\"element-plus\");\n const ionicValue = ref(\"Ionic Vue\");\n const vantValue = ref(\"Vant\");\n const naiveValue = ref(\"naive-ui\");\n const formkitValue = ref(\"FormKit\");\n \n const elementModel = reactive({\n name: \"Element Plus\",\n framework: \"element-plus\",\n });\n \n const libraryOptions = [\n { label: \"Ant Design Vue\", value: \"ant-design-vue\" },\n { label: \"Element Plus\", value: \"element-plus\" },\n { label: \"Naive UI\", value: \"naive-ui\" },\n { label: \"Quasar\", value: \"quasar\" },\n ] satisfies ProductOption[];\n \n const activeLabel = computed(() => {\n return libraryOptions.find((option) => option.value === antValue.value)?.label ?? \"Unknown\";\n });\n \n function promoteLibrary(value: string): void {\n naiveValue.value = value;\n elementModel.framework = value;\n }\n \n // @vize-map: 2082:3141 -> 0:1989\n\n // ========== Template Scope (inherits from setup) ==========\n // Ref type captures (before template scope shadows them)\n type __R_AAlert = typeof AAlert;\n type __R_AButton = typeof AButton;\n type __R_ASelect = typeof ASelect;\n type __R_ASpace = typeof ASpace;\n type __R_DialogClose = typeof DialogClose;\n type __R_DialogContent = typeof DialogContent;\n type __R_DialogOverlay = typeof DialogOverlay;\n type __R_DialogPortal = typeof DialogPortal;\n type __R_DialogRoot = typeof DialogRoot;\n type __R_DialogTitle = typeof DialogTitle;\n type __R_DialogTrigger = typeof DialogTrigger;\n type __R_ElButton = typeof ElButton;\n type __R_ElForm = typeof ElForm;\n type __R_ElFormItem = typeof ElFormItem;\n type __R_ElInput = typeof ElInput;\n type __R_ElOption = typeof ElOption;\n type __R_ElSelect = typeof ElSelect;\n type __R_FormKit = typeof FormKit;\n type __R_IonButton = typeof IonButton;\n type __R_IonInput = typeof IonInput;\n type __R_IonItem = typeof IonItem;\n type __R_IonList = typeof IonList;\n type __R_NButton = typeof NButton;\n type __R_NCard = typeof NCard;\n type __R_NSelect = typeof NSelect;\n type __R_QBtn = typeof QBtn;\n type __R_QInput = typeof QInput;\n type __R_QSelect = typeof QSelect;\n type __R_VanButton = typeof VanButton;\n type __R_VanCell = typeof VanCell;\n type __R_VanField = typeof VanField;\n type __R_activeLabel = typeof activeLabel;\n type __R_antValue = typeof antValue;\n type __R_dialogOpen = typeof dialogOpen;\n type __R_elementValue = typeof elementValue;\n type __R_formkitValue = typeof formkitValue;\n type __R_ionicValue = typeof ionicValue;\n type __R_libraryOptions = typeof libraryOptions;\n type __R_naiveValue = typeof naiveValue;\n type __R_nuxtValue = typeof nuxtValue;\n type __R_primeValue = typeof primeValue;\n type __R_quasarSelectValue = typeof quasarSelectValue;\n type __R_quasarValue = typeof quasarValue;\n type __R_vantValue = typeof vantValue;\n ;(function __template() {\n // Auto-unwrap Vue refs in template scope\n type __VizeIsUnion = T extends unknown ? ([__U] extends [T] ? false : true) : false;\n type __VizeWidenTemplateRef = __VizeIsUnion extends true ? T : T extends string ? keyof T extends keyof string ? string : T : T extends number ? keyof T extends keyof number ? number : T : T extends boolean ? keyof T extends keyof boolean ? boolean : T : T;\n type __U = T extends import('vue').Ref ? __VizeWidenTemplateRef : T;\n var AAlert: __U<__R_AAlert> = undefined as any;\n var AButton: __U<__R_AButton> = undefined as any;\n var ASelect: __U<__R_ASelect> = undefined as any;\n var ASpace: __U<__R_ASpace> = undefined as any;\n var DialogClose: __U<__R_DialogClose> = undefined as any;\n var DialogContent: __U<__R_DialogContent> = undefined as any;\n var DialogOverlay: __U<__R_DialogOverlay> = undefined as any;\n var DialogPortal: __U<__R_DialogPortal> = undefined as any;\n var DialogRoot: __U<__R_DialogRoot> = undefined as any;\n var DialogTitle: __U<__R_DialogTitle> = undefined as any;\n var DialogTrigger: __U<__R_DialogTrigger> = undefined as any;\n var ElButton: __U<__R_ElButton> = undefined as any;\n var ElForm: __U<__R_ElForm> = undefined as any;\n var ElFormItem: __U<__R_ElFormItem> = undefined as any;\n var ElInput: __U<__R_ElInput> = undefined as any;\n var ElOption: __U<__R_ElOption> = undefined as any;\n var ElSelect: __U<__R_ElSelect> = undefined as any;\n var FormKit: __U<__R_FormKit> = undefined as any;\n var IonButton: __U<__R_IonButton> = undefined as any;\n var IonInput: __U<__R_IonInput> = undefined as any;\n var IonItem: __U<__R_IonItem> = undefined as any;\n var IonList: __U<__R_IonList> = undefined as any;\n var NButton: __U<__R_NButton> = undefined as any;\n var NCard: __U<__R_NCard> = undefined as any;\n var NSelect: __U<__R_NSelect> = undefined as any;\n var QBtn: __U<__R_QBtn> = undefined as any;\n var QInput: __U<__R_QInput> = undefined as any;\n var QSelect: __U<__R_QSelect> = undefined as any;\n var VanButton: __U<__R_VanButton> = undefined as any;\n var VanCell: __U<__R_VanCell> = undefined as any;\n var VanField: __U<__R_VanField> = undefined as any;\n var activeLabel: __U<__R_activeLabel> = undefined as any;\n var antValue: __U<__R_antValue> = undefined as any;\n var dialogOpen: __U<__R_dialogOpen> = undefined as any;\n var elementValue: __U<__R_elementValue> = undefined as any;\n var formkitValue: __U<__R_formkitValue> = undefined as any;\n var ionicValue: __U<__R_ionicValue> = undefined as any;\n var libraryOptions: __U<__R_libraryOptions> = undefined as any;\n var naiveValue: __U<__R_naiveValue> = undefined as any;\n var nuxtValue: __U<__R_nuxtValue> = undefined as any;\n var primeValue: __U<__R_primeValue> = undefined as any;\n var quasarSelectValue: __U<__R_quasarSelectValue> = undefined as any;\n var quasarValue: __U<__R_quasarValue> = undefined as any;\n var vantValue: __U<__R_vantValue> = undefined as any;\n // Vue template context (delegates to ComponentPublicInstance)\n type __Ctx = import('vue').ComponentPublicInstance;\n const __ctx = undefined as unknown as __Ctx;\n const $attrs = __ctx.$attrs;\n const $slots = __ctx.$slots;\n const $refs = __ctx.$refs;\n const $emit = __ctx.$emit;\n void __ctx; void $attrs; void $slots; void $refs; void $emit;\n\n void (dialogOpen); // VModel\n // @vize-map: expr -> 2137:2147\n void (activeLabel); // Interpolation\n // @vize-map: expr -> 2421:2432\n void (dialogOpen ? \"open\" : \"closed\"); // Interpolation\n // @vize-map: expr -> 2480:2510\n void (`Ant Design Vue selected: ${activeLabel}`); // VBind\n // @vize-map: expr -> 2819:2860\n void (antValue); // VModel\n // @vize-map: expr -> 2895:2903\n void (libraryOptions); // VBind\n // @vize-map: expr -> 2915:2929\n void (promoteLibrary(antValue)); // VOn\n // @vize-map: expr -> 2993:3017\n void (nuxtValue); // VModel\n // @vize-map: expr -> 3152:3161\n void (nuxtValue); // Interpolation\n // @vize-map: expr -> 3248:3257\n void (primeValue); // VModel\n // @vize-map: expr -> 3343:3353\n void (primeValue); // VBind\n // @vize-map: expr -> 3413:3423\n void (quasarValue); // VModel\n // @vize-map: expr -> 3515:3526\n void (quasarSelectValue); // VModel\n // @vize-map: expr -> 3599:3616\n void (libraryOptions); // VBind\n // @vize-map: expr -> 3636:3650\n void (quasarValue); // VBind\n // @vize-map: expr -> 3797:3808\n void (elementModel); // VBind\n // @vize-map: expr -> 3867:3879\n void (elementModel.name); // VModel\n // @vize-map: expr -> 3959:3976\n void (elementModel.framework); // VModel\n // @vize-map: expr -> 4063:4085\n void (elementValue); // Interpolation\n // @vize-map: expr -> 4433:4445\n void (ionicValue); // VModel\n // @vize-map: expr -> 4561:4571\n void (true); // VBind\n // @vize-map: expr -> 4681:4685\n void (ionicValue); // Interpolation\n // @vize-map: expr -> 4690:4700\n void (vantValue); // VModel\n // @vize-map: expr -> 4806:4815\n void (vantValue); // VBind\n // @vize-map: expr -> 4911:4920\n void (naiveValue); // VModel\n // @vize-map: expr -> 5101:5111\n void (libraryOptions); // VBind\n // @vize-map: expr -> 5123:5137\n void (promoteLibrary(naiveValue)); // VOn\n // @vize-map: expr -> 5180:5206\n void (formkitValue); // VModel\n // @vize-map: expr -> 5311:5323\n void (formkitValue); // Interpolation\n // @vize-map: expr -> 5460:5472\n\n // v-slot scope: #header\n void function _slot_header_25(slotProps: typeof UCard extends { new (): { $slots: infer __S } } ? (\"header\" extends keyof __S ? (NonNullable<__S[\"header\"]> extends (props: infer __P, ...args: any[]) => any ? __P : any) : any) : any) {\n void slotProps;\n };\n\n // v-for scope: option in libraryOptions\n __vForList(libraryOptions).forEach(([option]) => {\n void option;\n void (option.value); // VBind\n // @vize-map: expr -> 4194:4206\n void (option.label); // VBind\n // @vize-map: expr -> 4228:4240\n void (option.value); // VBind\n // @vize-map: expr -> 4262:4274\n });\n\n // @click handler\n type __ElButton_27_click_prop_args = typeof ElButton extends { new (): { $props: infer __P } }\n ? __P extends { onClick?: (...args: infer __A) => any } ? __A : unknown[]\n : typeof ElButton extends (props: infer __P) => any\n ? __P extends { onClick?: (...args: infer __A) => any } ? __A : unknown[]\n : unknown[];\n type __ElButton_27_click_emit_args = typeof ElButton extends { __vizeEmitProps?: infer __EP }\n ? __EP extends { onClick?: (...args: infer __A) => any } ? __A : unknown[]\n : unknown[];\n type __ElButton_27_click_args = unknown[] extends __ElButton_27_click_prop_args ? __ElButton_27_click_emit_args : __ElButton_27_click_prop_args;\n type __ElButton_27_click_event = __ElButton_27_click_args extends [] ? any : unknown[] extends __ElButton_27_click_args ? any : __ElButton_27_click_args[0];\n type __ElButton_27_click_listener = unknown[] extends __ElButton_27_click_args ? ((...args: any[]) => unknown) : ((...args: __ElButton_27_click_args) => unknown);\n ((...__vize_args: Parameters<__ElButton_27_click_listener>) => {\n const $event = __vize_args[0] as __ElButton_27_click_event; void $event;\n elementValue = elementModel.framework; // handler expression\n // @vize-map: handler -> 4368:4405\n })(...({} as Parameters<__ElButton_27_click_listener>));\n\n // Component props type declarations\n type __VizeIsAny = 0 extends (1 & T) ? true : false;\n type __VizePropChecker = __VizeIsAny extends true ? (props: P & Record) => void : C extends { __vizeCheck: infer __F } ? (__F extends (...args: any[]) => any ? __F : (props: P & Record) => void) : (props: P & Record) => void;\n type __VizePropValue = [__V] extends [never] ? unknown : __V;\n // @vize-map: component -> 2189:2250\n type __PrimeButton_Props_0 = typeof PrimeButton extends { __vizeCheck: any } ? Record : (typeof PrimeButton extends { new (): { $props: infer __P } } ? __P : (typeof PrimeButton extends (props: infer __P) => any ? __P : {}));\n type __PrimeButton_CheckProps_0 = {\n };\n type __PrimeButton_Check_0 = __VizePropChecker;\n // @vize-map: component -> 2156:2180\n type __DialogTrigger_Props_1 = typeof DialogTrigger extends { __vizeCheck: any } ? Record : (typeof DialogTrigger extends { new (): { $props: infer __P } } ? __P : (typeof DialogTrigger extends (props: infer __P) => any ? __P : {}));\n type __DialogTrigger_CheckProps_1 = {\n };\n type __DialogTrigger_Check_1 = __VizePropChecker;\n // @vize-map: component -> 2303:2336\n type __DialogOverlay_Props_2 = typeof DialogOverlay extends { __vizeCheck: any } ? Record