@vue/language-core

Parsing Vue Files

This feature allows the parsing of Vue component files, breaking down the structure into an understandable format for further processing. The code sample demonstrates how to parse a simple Vue file to access its descriptor.

import { parse } from '@vue/language-core';
const { descriptor } = parse('<template><div>Hello World</div></template>');

Analyzing Script Setup

Analyzes the script setup block of a Vue component, providing insights such as defined props. The code sample shows how to analyze a script setup block after parsing a Vue file.

import { parse, analyzeScriptSetup } from '@vue/language-core';
const { descriptor } = parse('<script setup>defineProps()</script>');
const analysis = analyzeScriptSetup(descriptor);

Transforming Vue Components

Enables the transformation of Vue component code based on specified options, which can be used for code optimization or to apply custom modifications. The code sample illustrates transforming a parsed Vue component.

import { parse, transform } from '@vue/language-core';
const { descriptor } = parse('<template><div>{{ msg }}</div></template>');
const transformed = transform(descriptor, { /* transformation options */ });