@vue/language-core
Advanced tools
The @vue/language-core package is designed to provide core functionalities for handling Vue.js component files (.vue files) in development tools. It offers APIs for parsing, analyzing, and manipulating Vue component code, making it easier for developers to create or enhance development tools such as IDEs, linters, and compilers that work with Vue.js projects.
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 */ });A parser that converts Vue component files into an AST format that ESLint can understand, enabling linting of Vue files. While it focuses on linting, @vue/language-core offers a broader range of functionalities for analyzing and transforming Vue components.
A webpack loader that automatically imports Vuetify components used in a project. It's more specific to Vuetify and webpack, whereas @vue/language-core provides core functionalities applicable to various development tools and environments.
2.0.0 (2024/3/2)
typescript.tsdk duplicate registration errors are no longer reported.value (#3914)volar.format.initialIndent option, replaced with 3 new options:
vue.format.template.initialIndentvue.format.script.initialIndentvue.format.style.initialIndentignoreTriggerCharacters, reverseConfigFilePriority and fullCompletionList options are no longer supportedvueCompilerOptions.extensions option (#3800)src to lib (#3913)typescript/lib/tsserverlibrary imports with typescriptexperimentalAdditionalLanguageModules and deprecated APIs (#3907)volar.config.js is no longer supported@vue/typescript-plugin (#3910)FAQs
Unknown package
The npm package @vue/language-core receives a total of 1,585,749 weekly downloads. As such, @vue/language-core popularity was classified as popular.
We found that @vue/language-core demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Node.js will be enforcing stricter semver-major PR policies a month before major releases to enhance stability and ensure reliable release candidates.
Security News
Research
Socket's threat research team has detected five malicious npm packages targeting Roblox developers, deploying malware to steal credentials and personal data.
Security News
vlt introduced its new package manager and a serverless registry this week, innovating in a space where npm has stagnated.