@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.2.0 <sup>official</sup>, 2.2.1 <sup>insiders</sup> (2024-12-24)
@vue-generic (#4971) - Thanks to @KazariEX!data-allow-mismatch - Thanks to @KazariEX!$attrs (#5076) - Thanks to @KazariEX!useSlots and $slots (#5055) - Thanks to @KazariEX!v-model modifiers (#5061) - Thanks to @KazariEX!vueCompilerOptions (#4987) - Thanks to @KazariEX!@ts-check - Thanks to @KazariEX!<slot> (#4982) - Thanks to @KazariEX!defineEmits (#5028) - Thanks to @KazariEX!useTemplateRef (#5032) - Thanks to @KazariEX!enabledHybridMode before activate extension (#5019) - Thanks to @nieyuyao!GitHub.copilot-chat to hybrid mode compatible list (#5047) - Thanks to @KazariEX!useTemplateRef has no parameters (#5051) - Thanks to @KazariEX!.prop or .attr on v-model - Thanks to @KazariEX!useTemplateRef parameter repeatedly (#5009)vue: event (#4969) - Thanks to @KazariEX!parseScriptSetupRanges (#5049) - Thanks to @zhiyuanzmj!@ and : (#5052) - Thanks to @KazariEX!v-slot correctly to report error when missing default slot - Thanks to @KazariEX!reactive-vscode to v0.2.7 (#4997) - Thanks to @KermanX!defineProp (#5058) - Thanks to @KazariEX!v2.4.8 to v2.4.11:
FAQs
Unknown package
The npm package @vue/language-core receives a total of 746,241 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 0 open source maintainers 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
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.