{
- if (!ignoredError) {
- ignoredError = true;
- yield `// @vue-ignore start${newLine}`;
+ getHoistVariable(originalVar: string) {
+ let name = hoistVars.get(originalVar);
+ if (name === undefined) {
+ hoistVars.set(originalVar, name = `__VLS_${variableId++}`);
}
+ return name;
},
- expectError: function* (prevNode: CompilerDOM.CommentNode): Generator {
- if (!expectErrorToken) {
- expectErrorToken = {
- errors: 0,
- node: prevNode,
- };
- yield `// @vue-expect-error start${newLine}`;
+ * generateHoistVariables() {
+ // trick to avoid TS 4081 (#5186)
+ if (hoistVars.size) {
+ yield `// @ts-ignore${newLine}`;
+ yield `var `;
+ for (const [originalVar, hoistVar] of hoistVars) {
+ yield `${hoistVar} = ${originalVar}, `;
+ }
+ yield endOfLine;
}
},
- resetDirectiveComments: function* (endStr: string): Generator {
- if (expectErrorToken) {
- const token = expectErrorToken;
- yield* wrapWith(
- expectErrorToken.node.loc.start.offset,
- expectErrorToken.node.loc.end.offset,
- {
- verification: {
- shouldReport: () => token.errors === 0,
- },
- },
- `// @ts-expect-error __VLS_TS_EXPECT_ERROR`
- );
- yield `${newLine}${endOfLine}`;
- expectErrorToken = undefined;
- yield `// @vue-expect-error ${endStr}${newLine}`;
- }
- if (ignoredError) {
- ignoredError = false;
- yield `// @vue-ignore ${endStr}${newLine}`;
+ * generateConditionGuards() {
+ for (const condition of blockConditions) {
+ yield `if (!${condition}) return${endOfLine}`;
}
},
- generateAutoImportCompletion: function* (): Generator {
- if (!options.edited) {
- return;
- }
+ * generateAutoImportCompletion(): Generator {
const all = [...accessExternalVariables.entries()];
if (!all.some(([_, offsets]) => offsets.size)) {
return;
@@ -229,6 +298,71 @@ export function createTemplateCodegenContext(options: Pick {
+ const data = stack.pop()!;
+ commentBuffer.length = 0;
+ if (data.expectError !== undefined) {
+ yield* wrapWith(
+ data.expectError.node.loc.start.offset,
+ data.expectError.node.loc.end.offset,
+ {
+ verification: {
+ // If no errors/warnings/diagnostics were reported within the region of code covered
+ // by the @vue-expect-error directive, then we should allow any `unused @ts-expect-error`
+ // diagnostics to be reported upward.
+ shouldReport: () => data.expectError!.token === 0,
+ },
+ },
+ `// @ts-expect-error`
+ );
+ yield `${newLine}${endOfLine}`;
+ }
+ },
};
}
diff --git a/packages/language-core/lib/codegen/template/element.ts b/packages/language-core/lib/codegen/template/element.ts
index 258f317f59..fe4d7670ab 100644
--- a/packages/language-core/lib/codegen/template/element.ts
+++ b/packages/language-core/lib/codegen/template/element.ts
@@ -1,56 +1,57 @@
import * as CompilerDOM from '@vue/compiler-dom';
-import type * as ts from 'typescript';
import { camelize, capitalize } from '@vue/shared';
import type { Code, VueCodeInformation } from '../../types';
import { hyphenateTag } from '../../utils/shared';
-import { collectVars, createTsAst, endOfLine, newLine, variableNameRegex, wrapWith } from '../common';
-import { generateCamelized } from './camelized';
+import { codeFeatures } from '../codeFeatures';
+import { createVBindShorthandInlayHintInfo } from '../inlayHints';
+import { endOfLine, identifierRegex, newLine, normalizeAttributeValue } from '../utils';
+import { generateCamelized } from '../utils/camelized';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
import { generateElementChildren } from './elementChildren';
import { generateElementDirectives } from './elementDirectives';
import { generateElementEvents } from './elementEvents';
-import { generateElementProps } from './elementProps';
+import { type FailedPropExpression, generateElementProps } from './elementProps';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
import { generatePropertyAccess } from './propertyAccess';
-import { generateTemplateChild } from './templateChild';
-import { generateObjectProperty } from './objectProperty';
-import { createVBindShorthandInlayHintInfo } from '../inlayHints';
-import { getNodeText } from '../../parsers/scriptSetupRanges';
+import { collectStyleScopedClassReferences } from './styleScopedClasses';
+import { generateVSlot } from './vSlot';
const colonReg = /:/g;
export function* generateComponent(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.ElementNode,
- currentComponent: CompilerDOM.ElementNode | undefined
+ node: CompilerDOM.ElementNode
): Generator {
- const startTagOffset = node.loc.start.offset + options.template.content.substring(node.loc.start.offset).indexOf(node.tag);
- const endTagOffset = !node.isSelfClosing && options.template.lang === 'html' ? node.loc.start.offset + node.loc.source.lastIndexOf(node.tag) : undefined;
- const tagOffsets =
- endTagOffset !== undefined && endTagOffset > startTagOffset
- ? [startTagOffset, endTagOffset]
- : [startTagOffset];
- const propsFailedExps: {
- node: CompilerDOM.SimpleExpressionNode;
- prefix: string;
- suffix: string;
- }[] = [];
+ const tagOffsets = [node.loc.start.offset + options.template.content.slice(node.loc.start.offset).indexOf(node.tag)];
+ if (!node.isSelfClosing && options.template.lang === 'html') {
+ const endTagOffset = node.loc.start.offset + node.loc.source.lastIndexOf(node.tag);
+ if (endTagOffset > tagOffsets[0]) {
+ tagOffsets.push(endTagOffset);
+ }
+ }
+ const failedPropExps: FailedPropExpression[] = [];
const possibleOriginalNames = getPossibleOriginalComponentNames(node.tag, true);
const matchImportName = possibleOriginalNames.find(name => options.scriptSetupImportComponentNames.has(name));
- const var_originalComponent = matchImportName ?? ctx.getInternalVariable();
- const var_functionalComponent = ctx.getInternalVariable();
- const var_componentInstance = ctx.getInternalVariable();
- const var_componentEmit = ctx.getInternalVariable();
- const var_componentEvents = ctx.getInternalVariable();
- const var_defineComponentCtx = ctx.getInternalVariable();
+ const componentOriginalVar = matchImportName ?? ctx.getInternalVariable();
+ const componentFunctionalVar = ctx.getInternalVariable();
+ const componentVNodeVar = ctx.getInternalVariable();
+ const componentCtxVar = ctx.getInternalVariable();
const isComponentTag = node.tag.toLowerCase() === 'component';
+ ctx.currentComponent?.childTypes.push(`typeof ${componentVNodeVar}`);
+ ctx.currentComponent = {
+ ctxVar: componentCtxVar,
+ childTypes: [],
+ used: false,
+ };
+
let props = node.props;
let dynamicTagInfo: {
tag: string;
- offsets: [number, number | undefined];
+ offsets: number[];
astHolder: CompilerDOM.SourceLocation;
} | undefined;
@@ -67,7 +68,7 @@ export function* generateComponent(
}
dynamicTagInfo = {
tag: prop.exp.content,
- offsets: [prop.exp.loc.start.offset, undefined],
+ offsets: [prop.exp.loc.start.offset],
astHolder: prop.exp.loc,
};
props = props.filter(p => p !== prop);
@@ -79,234 +80,226 @@ export function* generateComponent(
// namespace tag
dynamicTagInfo = {
tag: node.tag,
- offsets: [startTagOffset, endTagOffset],
+ offsets: tagOffsets,
astHolder: node.loc,
};
}
if (matchImportName) {
- // hover, renaming / find references support
- yield `// @ts-ignore${newLine}`; // #2304
- yield `[`;
+ // navigation support
+ yield `/** @type {[`;
for (const tagOffset of tagOffsets) {
- if (var_originalComponent === node.tag) {
+ yield `typeof `;
+ if (componentOriginalVar === node.tag) {
yield [
- var_originalComponent,
+ componentOriginalVar,
'template',
tagOffset,
ctx.codeFeatures.withoutHighlightAndCompletion,
];
}
else {
+ const shouldCapitalize = matchImportName[0].toUpperCase() === matchImportName[0];
yield* generateCamelized(
- capitalize(node.tag),
+ shouldCapitalize ? capitalize(node.tag) : node.tag,
+ 'template',
tagOffset,
- {
- ...ctx.codeFeatures.withoutHighlightAndCompletion,
- navigation: {
- resolveRenameNewName: camelizeComponentName,
- resolveRenameEditText: getTagRenameApply(node.tag),
- },
- }
+ ctx.codeFeatures.withoutHighlightAndCompletion
);
}
- yield `,`;
+ yield `, `;
}
- yield `]${endOfLine}`;
+ yield `]} */${endOfLine}`;
}
else if (dynamicTagInfo) {
- yield `const ${var_originalComponent} = (`;
+ yield `const ${componentOriginalVar} = (`;
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
dynamicTagInfo.tag,
- dynamicTagInfo.astHolder,
dynamicTagInfo.offsets[0],
- ctx.codeFeatures.all,
- '(',
- ')'
+ dynamicTagInfo.astHolder,
+ `(`,
+ `)`
);
if (dynamicTagInfo.offsets[1] !== undefined) {
yield `,`;
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.withoutCompletion,
dynamicTagInfo.tag,
- dynamicTagInfo.astHolder,
dynamicTagInfo.offsets[1],
- {
- ...ctx.codeFeatures.all,
- completion: false,
- },
- '(',
- ')'
+ dynamicTagInfo.astHolder,
+ `(`,
+ `)`
);
}
yield `)${endOfLine}`;
}
else if (!isComponentTag) {
- yield `const ${var_originalComponent} = __VLS_resolvedLocalAndGlobalComponents.`;
+ yield `const ${componentOriginalVar} = ({} as __VLS_WithComponent<'${getCanonicalComponentName(node.tag)}', __VLS_LocalComponents, `;
+ if (options.selfComponentName && possibleOriginalNames.includes(options.selfComponentName)) {
+ yield `typeof __VLS_self & (new () => { $slots: __VLS_Slots }), `;
+ }
+ else {
+ yield `void, `;
+ }
+ yield getPossibleOriginalComponentNames(node.tag, false)
+ .map(name => `'${name}'`)
+ .join(`, `);
+ yield `>).`;
yield* generateCanonicalComponentName(
node.tag,
- startTagOffset,
- {
- // with hover support
- ...ctx.codeFeatures.withoutHighlightAndCompletionAndNavigation,
- ...ctx.codeFeatures.verification,
- }
+ tagOffsets[0],
+ ctx.codeFeatures.withoutHighlightAndCompletionAndNavigation
);
yield `${endOfLine}`;
const camelizedTag = camelize(node.tag);
- if (variableNameRegex.test(camelizedTag)) {
- // renaming / find references support
- yield `/** @type { [`;
+ if (identifierRegex.test(camelizedTag)) {
+ // navigation support
+ yield `/** @type {[`;
for (const tagOffset of tagOffsets) {
for (const shouldCapitalize of (node.tag[0] === node.tag[0].toUpperCase() ? [false] : [true, false])) {
- const expectName = shouldCapitalize ? capitalize(camelizedTag) : camelizedTag;
yield `typeof __VLS_components.`;
yield* generateCamelized(
shouldCapitalize ? capitalize(node.tag) : node.tag,
+ 'template',
tagOffset,
- {
- navigation: {
- resolveRenameNewName: node.tag !== expectName ? camelizeComponentName : undefined,
- resolveRenameEditText: getTagRenameApply(node.tag),
- },
- }
+ codeFeatures.navigation
);
yield `, `;
}
}
- yield `] } */${newLine}`;
+ yield `]} */${endOfLine}`;
+
// auto import support
- if (options.edited) {
- yield `// @ts-ignore${newLine}`; // #2304
- yield* generateCamelized(
- capitalize(node.tag),
- startTagOffset,
- {
- completion: {
- isAdditional: true,
- onlyImport: true,
- },
- }
- );
- yield `${endOfLine}`;
- }
+ yield `// @ts-ignore${newLine}`; // #2304
+ yield* generateCamelized(
+ capitalize(node.tag),
+ 'template',
+ tagOffsets[0],
+ {
+ completion: {
+ isAdditional: true,
+ onlyImport: true,
+ },
+ }
+ );
+ yield `${endOfLine}`;
}
}
else {
- yield `const ${var_originalComponent} = {} as any${endOfLine}`;
+ yield `const ${componentOriginalVar} = {} as any${endOfLine}`;
}
yield `// @ts-ignore${newLine}`;
- yield `const ${var_functionalComponent} = __VLS_asFunctionalComponent(${var_originalComponent}, new ${var_originalComponent}({`;
- yield* generateElementProps(options, ctx, node, props, false);
+ yield `const ${componentFunctionalVar} = __VLS_asFunctionalComponent(${componentOriginalVar}, new ${componentOriginalVar}({${newLine}`;
+ yield* generateElementProps(
+ options,
+ ctx,
+ node,
+ props,
+ options.vueCompilerOptions.checkUnknownProps,
+ false
+ );
yield `}))${endOfLine}`;
- yield `const ${var_componentInstance} = ${var_functionalComponent}(`;
+ yield `const `;
yield* wrapWith(
- startTagOffset,
- startTagOffset + node.tag.length,
+ node.loc.start.offset,
+ node.loc.end.offset,
+ ctx.resolveCodeFeatures({
+ verification: {
+ shouldReport(_source, code) {
+ // https://typescript.tv/errors/#ts6133
+ return String(code) !== '6133';
+ },
+ }
+ }),
+ componentVNodeVar
+ );
+ yield ` = ${componentFunctionalVar}`;
+ yield* generateComponentGeneric(ctx);
+ yield `(`;
+ yield* wrapWith(
+ tagOffsets[0],
+ tagOffsets[0] + node.tag.length,
ctx.codeFeatures.verification,
- `{`,
- ...generateElementProps(options, ctx, node, props, true, propsFailedExps),
+ `{${newLine}`,
+ ...generateElementProps(
+ options,
+ ctx,
+ node,
+ props,
+ options.vueCompilerOptions.checkUnknownProps,
+ true,
+ failedPropExps
+ ),
`}`
);
- yield `, ...__VLS_functionalComponentArgsRest(${var_functionalComponent}))${endOfLine}`;
+ yield `, ...__VLS_functionalComponentArgsRest(${componentFunctionalVar}))${endOfLine}`;
- currentComponent = node;
-
- for (const failedExp of propsFailedExps) {
- yield* generateInterpolation(
- options,
- ctx,
- failedExp.node.loc.source,
- failedExp.node.loc,
- failedExp.node.loc.start.offset,
- ctx.codeFeatures.all,
- failedExp.prefix,
- failedExp.suffix
- );
- yield endOfLine;
- }
+ yield* generateFailedPropExps(options, ctx, failedPropExps);
+ yield* generateElementEvents(options, ctx, node, componentOriginalVar, componentFunctionalVar, componentVNodeVar, componentCtxVar);
+ yield* generateElementDirectives(options, ctx, node);
- const [refName, offset] = yield* generateVScope(options, ctx, node, props);
- const isRootNode = node === ctx.singleRootNode;
+ const [refName, offset] = yield* generateElementReference(options, ctx, node);
+ const tag = hyphenateTag(node.tag);
+ const isRootNode = ctx.singleRootNodes.has(node) && !options.vueCompilerOptions.fallthroughComponentNames.includes(tag);
if (refName || isRootNode) {
- const varName = ctx.getInternalVariable();
- ctx.usedComponentCtxVars.add(var_defineComponentCtx);
+ const componentInstanceVar = ctx.getInternalVariable();
+ ctx.currentComponent.used = true;
- yield `var ${varName} = {} as (Parameters>[0] | null)`;
- if (node.codegenNode?.type === CompilerDOM.NodeTypes.VNODE_CALL
- && node.codegenNode.props?.type === CompilerDOM.NodeTypes.JS_OBJECT_EXPRESSION
- && node.codegenNode.props.properties.some(({ key }) => key.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && key.content === 'ref_for')
- ) {
+ yield `var ${componentInstanceVar} = {} as (Parameters>[0] | null)`;
+ if (ctx.inVFor) {
yield `[]`;
}
yield `${endOfLine}`;
- if (refName) {
- ctx.templateRefs.set(refName, [varName, offset!]);
+ if (refName && offset) {
+ ctx.addTemplateRef(refName, `typeof ${ctx.getHoistVariable(componentInstanceVar)}`, offset);
}
if (isRootNode) {
- ctx.singleRootElType = `NonNullable['$el']`;
+ ctx.singleRootElTypes.push(`NonNullable['$el']`);
}
}
- const usedComponentEventsVar = yield* generateElementEvents(options, ctx, node, var_functionalComponent, var_componentInstance, var_componentEmit, var_componentEvents);
- if (usedComponentEventsVar) {
- ctx.usedComponentCtxVars.add(var_defineComponentCtx);
- yield `let ${var_componentEmit}!: typeof ${var_defineComponentCtx}.emit${endOfLine}`;
- yield `let ${var_componentEvents}!: __VLS_NormalizeEmits${endOfLine}`;
+ if (hasVBindAttrs(options, ctx, node)) {
+ const attrsVar = ctx.getInternalVariable();
+ yield `let ${attrsVar}!: Parameters[0]${endOfLine}`;
+ ctx.inheritedAttrVars.add(attrsVar);
}
- if (
- options.vueCompilerOptions.fallthroughAttributes
- && (
- node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
- || node === ctx.singleRootNode
- )
- ) {
- const varAttrs = ctx.getInternalVariable();
- ctx.inheritedAttrVars.add(varAttrs);
- yield `var ${varAttrs}!: Parameters[0];\n`;
- }
+ collectStyleScopedClassReferences(options, ctx, node);
const slotDir = node.props.find(p => p.type === CompilerDOM.NodeTypes.DIRECTIVE && p.name === 'slot') as CompilerDOM.DirectiveNode;
- if (slotDir) {
- yield* generateComponentSlot(options, ctx, node, slotDir, currentComponent, var_defineComponentCtx);
- }
- else {
- yield* generateElementChildren(options, ctx, node, currentComponent, var_defineComponentCtx);
- }
+ yield* generateVSlot(options, ctx, node, slotDir);
- if (ctx.usedComponentCtxVars.has(var_defineComponentCtx)) {
- yield `var ${var_defineComponentCtx}!: __VLS_PickFunctionalComponentCtx${endOfLine}`;
+ if (ctx.currentComponent.used) {
+ yield `var ${componentCtxVar}!: __VLS_FunctionalComponentCtx${endOfLine}`;
}
}
export function* generateElement(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.ElementNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string | undefined,
- isVForChild: boolean
+ node: CompilerDOM.ElementNode
): Generator {
- const startTagOffset = node.loc.start.offset + options.template.content.substring(node.loc.start.offset).indexOf(node.tag);
+ const startTagOffset = node.loc.start.offset + options.template.content.slice(node.loc.start.offset).indexOf(node.tag);
const endTagOffset = !node.isSelfClosing && options.template.lang === 'html'
? node.loc.start.offset + node.loc.source.lastIndexOf(node.tag)
: undefined;
- const propsFailedExps: {
- node: CompilerDOM.SimpleExpressionNode;
- prefix: string;
- suffix: string;
- }[] = [];
+ const failedPropExps: FailedPropExpression[] = [];
+
+ ctx.currentComponent?.childTypes.push(`__VLS_NativeElements['${node.tag}']`);
- yield `__VLS_elementAsFunction(__VLS_intrinsicElements`;
+ yield `__VLS_asFunctionalElement(__VLS_elements`;
yield* generatePropertyAccess(
options,
ctx,
@@ -315,7 +308,7 @@ export function* generateElement(
ctx.codeFeatures.withoutHighlightAndCompletion
);
if (endTagOffset !== undefined) {
- yield `, __VLS_intrinsicElements`;
+ yield `, __VLS_elements`;
yield* generatePropertyAccess(
options,
ctx,
@@ -329,103 +322,75 @@ export function* generateElement(
startTagOffset,
startTagOffset + node.tag.length,
ctx.codeFeatures.verification,
- `{`,
- ...generateElementProps(options, ctx, node, node.props, true, propsFailedExps),
+ `{${newLine}`,
+ ...generateElementProps(
+ options,
+ ctx,
+ node,
+ node.props,
+ options.vueCompilerOptions.checkUnknownProps,
+ true,
+ failedPropExps
+ ),
`}`
);
yield `)${endOfLine}`;
- for (const failedExp of propsFailedExps) {
- yield* generateInterpolation(
- options,
- ctx,
- failedExp.node.loc.source,
- failedExp.node.loc,
- failedExp.node.loc.start.offset,
- ctx.codeFeatures.all,
- failedExp.prefix,
- failedExp.suffix
- );
- yield endOfLine;
- }
+ yield* generateFailedPropExps(options, ctx, failedPropExps);
+ yield* generateElementDirectives(options, ctx, node);
- const [refName, offset] = yield* generateVScope(options, ctx, node, node.props);
- if (refName) {
- let refValue = `__VLS_nativeElements['${node.tag}']`;
- if (isVForChild) {
- refValue = `[${refValue}]`;
+ const [refName, offset] = yield* generateElementReference(options, ctx, node);
+ if (refName && offset) {
+ let typeExp = `__VLS_NativeElements['${node.tag}']`;
+ if (ctx.inVFor) {
+ typeExp += `[]`;
}
- ctx.templateRefs.set(refName, [refValue, offset!]);
+ ctx.addTemplateRef(refName, typeExp, offset);
}
- if (ctx.singleRootNode === node) {
- ctx.singleRootElType = `typeof __VLS_nativeElements['${node.tag}']`;
+ if (ctx.singleRootNodes.has(node)) {
+ ctx.singleRootElTypes.push(`__VLS_NativeElements['${node.tag}']`);
}
- const slotDir = node.props.find(p => p.type === CompilerDOM.NodeTypes.DIRECTIVE && p.name === 'slot') as CompilerDOM.DirectiveNode;
- if (slotDir && componentCtxVar) {
- yield* generateComponentSlot(options, ctx, node, slotDir, currentComponent, componentCtxVar);
- }
- else {
- yield* generateElementChildren(options, ctx, node, currentComponent, componentCtxVar);
+ if (hasVBindAttrs(options, ctx, node)) {
+ ctx.inheritedAttrVars.add(`__VLS_elements.${node.tag}`);
}
- if (
- options.vueCompilerOptions.fallthroughAttributes
- && (
- node.props.some(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && prop.name === 'bind' && prop.exp?.loc.source === '$attrs')
- || node === ctx.singleRootNode
- )
- ) {
- ctx.inheritedAttrVars.add(`__VLS_intrinsicElements.${node.tag}`);
- }
+ collectStyleScopedClassReferences(options, ctx, node);
+
+ const { currentComponent } = ctx;
+ ctx.currentComponent = undefined;
+ yield* generateElementChildren(options, ctx, node.children);
+ ctx.currentComponent = currentComponent;
}
-function* generateVScope(
+function* generateFailedPropExps(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.ElementNode,
- props: (CompilerDOM.AttributeNode | CompilerDOM.DirectiveNode)[]
-): Generator {
- const vScope = props.find(prop => prop.type === CompilerDOM.NodeTypes.DIRECTIVE && (prop.name === 'scope' || prop.name === 'data'));
- let inScope = false;
- let originalConditionsNum = ctx.blockConditions.length;
-
- if (vScope?.type === CompilerDOM.NodeTypes.DIRECTIVE && vScope.exp) {
-
- const scopeVar = ctx.getInternalVariable();
- const condition = `__VLS_withScope(__VLS_ctx, ${scopeVar})`;
-
- yield `const ${scopeVar} = `;
- yield [
- vScope.exp.loc.source,
+ failedPropExps: FailedPropExpression[]
+): Generator {
+ for (const failedExp of failedPropExps) {
+ yield* generateInterpolation(
+ options,
+ ctx,
'template',
- vScope.exp.loc.start.offset,
ctx.codeFeatures.all,
- ];
+ failedExp.node.loc.source,
+ failedExp.node.loc.start.offset,
+ failedExp.node.loc,
+ failedExp.prefix,
+ failedExp.suffix
+ );
yield endOfLine;
- yield `if (${condition}) {${newLine}`;
- ctx.blockConditions.push(condition);
- inScope = true;
}
-
- yield* generateElementDirectives(options, ctx, node);
- const [refName, offset] = yield* generateReferencesForElements(options, ctx, node); // {
- if (variableNameRegex.test(tagText)) {
+ if (identifierRegex.test(tagText)) {
yield [tagText, 'template', offset, features];
}
else {
yield* generateCamelized(
capitalize(tagText.replace(colonReg, '-')),
+ 'template',
offset,
features
);
}
}
-function* generateComponentSlot(
- options: TemplateCodegenOptions,
- ctx: TemplateCodegenContext,
- node: CompilerDOM.ElementNode,
- slotDir: CompilerDOM.DirectiveNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string
+function* generateComponentGeneric(
+ ctx: TemplateCodegenContext
): Generator {
- yield `{${newLine}`;
- ctx.usedComponentCtxVars.add(componentCtxVar);
- if (currentComponent) {
- ctx.hasSlotElements.add(currentComponent);
- }
- const slotBlockVars: string[] = [];
- yield `const {`;
- if (slotDir?.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && slotDir.arg.content) {
- yield* generateObjectProperty(
- options,
- ctx,
- slotDir.arg.loc.source,
- slotDir.arg.loc.start.offset,
- slotDir.arg.isStatic ? ctx.codeFeatures.withoutHighlight : ctx.codeFeatures.all,
- slotDir.arg.loc,
- false,
- true
- );
- yield ': __VLS_thisSlot';
- }
- else {
- yield `default: `;
+ if (ctx.currentInfo.generic) {
+ const { content, offset } = ctx.currentInfo.generic;
yield* wrapWith(
- slotDir.loc.start.offset,
- slotDir.loc.start.offset + (
- slotDir.loc.source.startsWith('#')
- ? '#'.length
- : slotDir.loc.source.startsWith('v-slot:')
- ? 'v-slot:'.length
- : 0
- ),
- ctx.codeFeatures.withoutHighlightAndCompletion,
- `__VLS_thisSlot`
- );
- }
- yield `} = __VLS_nonNullable(${componentCtxVar}.slots)${endOfLine}`;
-
- if (slotDir?.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
- const slotAst = createTsAst(options.ts, slotDir, `(${slotDir.exp.content}) => {}`);
- collectVars(options.ts, slotAst, slotAst, slotBlockVars);
- if (!slotDir.exp.content.includes(':')) {
- yield `const [`;
- yield [
- slotDir.exp.content,
- 'template',
- slotDir.exp.loc.start.offset,
- ctx.codeFeatures.all,
- ];
- yield `] = __VLS_getSlotParams(__VLS_thisSlot)${endOfLine}`;
- }
- else {
- yield `const `;
- yield [
- slotDir.exp.content,
+ offset,
+ offset + content.length,
+ ctx.codeFeatures.verification,
+ `<`,
+ [
+ content,
'template',
- slotDir.exp.loc.start.offset,
- ctx.codeFeatures.all,
- ];
- yield ` = __VLS_getSlotParam(__VLS_thisSlot)${endOfLine}`;
- }
- }
-
- for (const varName of slotBlockVars) {
- ctx.addLocalVariable(varName);
- }
-
- yield* ctx.resetDirectiveComments('end of slot children start');
-
- let prev: CompilerDOM.TemplateChildNode | undefined;
- for (const childNode of node.children) {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, prev, componentCtxVar);
- prev = childNode;
- }
-
- for (const varName of slotBlockVars) {
- ctx.removeLocalVariable(varName);
- }
- let isStatic = true;
- if (slotDir?.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
- isStatic = slotDir.arg.isStatic;
- }
- if (isStatic && slotDir && !slotDir.arg) {
- yield `__VLS_nonNullable(${componentCtxVar}.slots)['`;
- yield [
- '',
- 'template',
- slotDir.loc.start.offset + (
- slotDir.loc.source.startsWith('#')
- ? '#'.length : slotDir.loc.source.startsWith('v-slot:')
- ? 'v-slot:'.length
- : 0
- ),
- ctx.codeFeatures.completion,
- ];
- yield `'/* empty slot name completion */]${newLine}`;
+ offset,
+ ctx.codeFeatures.all
+ ],
+ `>`
+ );
}
-
- yield* ctx.generateAutoImportCompletion();
- yield `}${newLine}`;
}
-function* generateReferencesForElements(
+function* generateElementReference(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
node: CompilerDOM.ElementNode
@@ -574,8 +452,8 @@ function* generateReferencesForElements(
) {
const [content, startOffset] = normalizeAttributeValue(prop.value);
- yield `// @ts-ignore navigation for \`const ${content} = ref()\`${newLine}`;
- yield `__VLS_ctx`;
+ // navigation support for `const foo = ref()`
+ yield `/** @type {typeof __VLS_ctx`;
yield* generatePropertyAccess(
options,
ctx,
@@ -584,9 +462,9 @@ function* generateReferencesForElements(
ctx.codeFeatures.navigation,
prop.value.loc
);
- yield endOfLine;
+ yield `} */${endOfLine}`;
- if (variableNameRegex.test(content)) {
+ if (identifierRegex.test(content) && !options.templateRefNames.has(content)) {
ctx.accessExternalVariable(content, startOffset);
}
@@ -596,188 +474,17 @@ function* generateReferencesForElements(
return [];
}
-function* generateReferencesForScopedCssClasses(
+function hasVBindAttrs(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
node: CompilerDOM.ElementNode
-): Generator {
- for (const prop of node.props) {
- if (
- prop.type === CompilerDOM.NodeTypes.ATTRIBUTE
- && prop.name === 'class'
- && prop.value
- ) {
- if (options.template.lang === 'pug') {
- const getClassOffset = Reflect.get(prop.value.loc.start, 'getClassOffset') as (offset: number) => number;
- const content = prop.value.loc.source.slice(1, -1);
-
- let startOffset = 1;
- for (const className of content.split(' ')) {
- if (className) {
- ctx.scopedClasses.push({
- source: 'template',
- className,
- offset: getClassOffset(startOffset),
- });
- }
- startOffset += className.length + 1;
- }
- }
- else {
- let isWrapped = false;
- const [content, startOffset] = normalizeAttributeValue(prop.value);
- if (content) {
- const classes = collectClasses(content, startOffset + (isWrapped ? 1 : 0));
- ctx.scopedClasses.push(...classes);
- }
- else {
- ctx.emptyClassOffsets.push(startOffset);
- }
- }
- }
- else if (
+) {
+ return options.vueCompilerOptions.fallthroughAttributes && (
+ (options.inheritAttrs && ctx.singleRootNodes.has(node)) ||
+ node.props.some(prop =>
prop.type === CompilerDOM.NodeTypes.DIRECTIVE
- && prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
- && prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
- && prop.arg.content === 'class'
- ) {
- const content = '`${' + prop.exp.content + '}`';
- const startOffset = prop.exp.loc.start.offset - 3;
-
- const { ts } = options;
- const ast = ts.createSourceFile('', content, 99 satisfies typeof ts.ScriptTarget.Latest);
- const literals: ts.StringLiteralLike[] = [];
-
- ts.forEachChild(ast, node => {
- if (
- !ts.isExpressionStatement(node) ||
- !isTemplateExpression(node.expression)
- ) {
- return;
- }
-
- const expression = node.expression.templateSpans[0].expression;
-
- if (ts.isStringLiteralLike(expression)) {
- literals.push(expression);
- }
-
- if (ts.isArrayLiteralExpression(expression)) {
- walkArrayLiteral(expression);
- }
-
- if (ts.isObjectLiteralExpression(expression)) {
- walkObjectLiteral(expression);
- }
- });
-
- for (const literal of literals) {
- const classes = collectClasses(
- literal.text,
- literal.end - literal.text.length - 1 + startOffset
- );
- ctx.scopedClasses.push(...classes);
- }
-
- function walkArrayLiteral(node: ts.ArrayLiteralExpression) {
- const { elements } = node;
- for (const element of elements) {
- if (ts.isStringLiteralLike(element)) {
- literals.push(element);
- }
- else if (ts.isObjectLiteralExpression(element)) {
- walkObjectLiteral(element);
- }
- }
- }
-
- function walkObjectLiteral(node: ts.ObjectLiteralExpression) {
- const { properties } = node;
- for (const property of properties) {
- if (ts.isPropertyAssignment(property)) {
- const { name } = property;
- if (ts.isIdentifier(name)) {
- walkIdentifier(name);
- }
- else if (ts.isStringLiteral(name)) {
- literals.push(name);
- }
- else if (ts.isComputedPropertyName(name)) {
- const { expression } = name;
- if (ts.isStringLiteralLike(expression)) {
- literals.push(expression);
- }
- }
- }
- else if (ts.isShorthandPropertyAssignment(property)) {
- walkIdentifier(property.name);
- }
- }
- }
-
- function walkIdentifier(node: ts.Identifier) {
- const text = getNodeText(ts, node, ast);
- ctx.scopedClasses.push({
- source: 'template',
- className: text,
- offset: node.end - text.length + startOffset
- });
- }
- }
- }
-}
-
-function camelizeComponentName(newName: string) {
- return camelize('-' + newName);
-}
-
-function getTagRenameApply(oldName: string) {
- return oldName === hyphenateTag(oldName) ? hyphenateTag : undefined;
-}
-
-function normalizeAttributeValue(node: CompilerDOM.TextNode): [string, number] {
- let offset = node.loc.start.offset;
- let content = node.loc.source;
- if (
- (content.startsWith(`'`) && content.endsWith(`'`))
- || (content.startsWith(`"`) && content.endsWith(`"`))
- ) {
- offset++;
- content = content.slice(1, -1);
- }
- return [content, offset];
-}
-
-function collectClasses(content: string, startOffset = 0) {
- const classes: {
- source: string;
- className: string;
- offset: number;
- }[] = [];
-
- let currentClassName = '';
- let offset = 0;
- for (const char of (content + ' ')) {
- if (char.trim() === '') {
- if (currentClassName !== '') {
- classes.push({
- source: 'template',
- className: currentClassName,
- offset: offset + startOffset
- });
- offset += currentClassName.length;
- currentClassName = '';
- }
- offset += char.length;
- }
- else {
- currentClassName += char;
- }
- }
- return classes;
+ && prop.name === 'bind'
+ && prop.exp?.loc.source === '$attrs'
+ )
+ );
}
-
-// isTemplateExpression is missing in tsc
-function isTemplateExpression(node: ts.Node): node is ts.TemplateExpression {
- return node.kind === 228 satisfies ts.SyntaxKind.TemplateExpression;
-}
\ No newline at end of file
diff --git a/packages/language-core/lib/codegen/template/elementChildren.ts b/packages/language-core/lib/codegen/template/elementChildren.ts
index a184a2c798..6bd3821a55 100644
--- a/packages/language-core/lib/codegen/template/elementChildren.ts
+++ b/packages/language-core/lib/codegen/template/elementChildren.ts
@@ -1,6 +1,5 @@
-import * as CompilerDOM from '@vue/compiler-dom';
+import type * as CompilerDOM from '@vue/compiler-dom';
import type { Code } from '../../types';
-import { endOfLine, wrapWith } from '../common';
import type { TemplateCodegenContext } from './context';
import type { TemplateCodegenOptions } from './index';
import { generateTemplateChild } from './templateChild';
@@ -8,34 +7,12 @@ import { generateTemplateChild } from './templateChild';
export function* generateElementChildren(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.ElementNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string | undefined
+ children: (CompilerDOM.TemplateChildNode | CompilerDOM.SimpleExpressionNode)[],
+ enterNode = true
): Generator {
- yield* ctx.resetDirectiveComments('end of element children start');
- let prev: CompilerDOM.TemplateChildNode | undefined;
- for (const childNode of node.children) {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, prev, componentCtxVar);
- prev = childNode;
- }
yield* ctx.generateAutoImportCompletion();
-
- // fix https://github.com/vuejs/language-tools/issues/932
- if (
- componentCtxVar
- && !ctx.hasSlotElements.has(node)
- && node.children.length
- && node.tagType !== CompilerDOM.ElementTypes.ELEMENT
- && node.tagType !== CompilerDOM.ElementTypes.TEMPLATE
- ) {
- ctx.usedComponentCtxVars.add(componentCtxVar);
- yield `__VLS_nonNullable(${componentCtxVar}.slots).`;
- yield* wrapWith(
- node.children[0].loc.start.offset,
- node.children[node.children.length - 1].loc.end.offset,
- ctx.codeFeatures.navigation,
- `default`
- );
- yield endOfLine;
+ for (const childNode of children) {
+ yield* generateTemplateChild(options, ctx, childNode, enterNode);
}
+ yield* ctx.generateAutoImportCompletion();
}
diff --git a/packages/language-core/lib/codegen/template/elementDirectives.ts b/packages/language-core/lib/codegen/template/elementDirectives.ts
index 3c67bce054..f7d7f0974c 100644
--- a/packages/language-core/lib/codegen/template/elementDirectives.ts
+++ b/packages/language-core/lib/codegen/template/elementDirectives.ts
@@ -1,14 +1,25 @@
import * as CompilerDOM from '@vue/compiler-dom';
import { camelize } from '@vue/shared';
import type { Code } from '../../types';
-import { hyphenateAttr } from '../../utils/shared';
-import { endOfLine, wrapWith } from '../common';
-import { generateCamelized } from './camelized';
+import { codeFeatures } from '../codeFeatures';
+import { endOfLine } from '../utils';
+import { generateCamelized } from '../utils/camelized';
+import { generateStringLiteralKey } from '../utils/stringLiteralKey';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
+import { generatePropExp } from './elementProps';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
import { generateObjectProperty } from './objectProperty';
-import { generateStringLiteralKey } from './stringLiteralKey';
+
+const builtInDirectives = new Set([
+ 'cloak',
+ 'html',
+ 'memo',
+ 'once',
+ 'show',
+ 'text',
+]);
export function* generateElementDirectives(
options: TemplateCodegenOptions,
@@ -22,8 +33,6 @@ export function* generateElementDirectives(
|| prop.name === 'on'
|| prop.name === 'model'
|| prop.name === 'bind'
- || prop.name === 'scope'
- || prop.name === 'data'
) {
continue;
}
@@ -34,18 +43,19 @@ export function* generateElementDirectives(
prop.loc.end.offset,
ctx.codeFeatures.verification,
`__VLS_asFunctionalDirective(`,
- ...generateIdentifier(ctx, prop),
+ ...generateIdentifier(options, ctx, prop),
`)(null!, { ...__VLS_directiveBindingRestFields, `,
...generateArg(options, ctx, prop),
...generateModifiers(options, ctx, prop),
...generateValue(options, ctx, prop),
- `}, null!, null!)`
+ ` }, null!, null!)`
);
yield endOfLine;
}
}
function* generateIdentifier(
+ options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
prop: CompilerDOM.DirectiveNode
): Generator {
@@ -57,19 +67,12 @@ function* generateIdentifier(
`__VLS_directives.`,
...generateCamelized(
rawName,
+ 'template',
prop.loc.start.offset,
- {
- ...ctx.codeFeatures.all,
- verification: false,
- completion: {
- // fix https://github.com/vuejs/language-tools/issues/1905
- isAdditional: true,
- },
- navigation: {
- resolveRenameNewName: camelize,
- resolveRenameEditText: getPropRenameApply(prop.name),
- },
- }
+ ctx.resolveCodeFeatures({
+ ...codeFeatures.withoutHighlightAndCompletion,
+ verification: options.vueCompilerOptions.checkUnknownDirectives && !builtInDirectives.has(prop.name),
+ })
)
);
}
@@ -90,52 +93,64 @@ function* generateArg(
startOffset,
startOffset + arg.content.length,
ctx.codeFeatures.verification,
- 'arg'
+ `arg`
);
- yield ': ';
+ yield `: `;
if (arg.isStatic) {
yield* generateStringLiteralKey(
arg.content,
startOffset,
- ctx.codeFeatures.withoutHighlight
+ ctx.codeFeatures.all
);
}
else {
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
arg.content,
- arg.loc,
startOffset,
- ctx.codeFeatures.all,
- '(',
- ')'
+ arg.loc,
+ `(`,
+ `)`
);
}
- yield ', ';
+ yield `, `;
}
-function* generateModifiers(
+export function* generateModifiers(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- prop: CompilerDOM.DirectiveNode
+ prop: CompilerDOM.DirectiveNode,
+ propertyName: string = 'modifiers'
): Generator {
- if (options.vueCompilerOptions.target < 3.5) {
+ const { modifiers } = prop;
+ if (!modifiers.length) {
return;
}
- yield 'modifiers: { ';
- for (const mod of prop.modifiers) {
+ const startOffset = modifiers[0].loc.start.offset - 1;
+ const endOffset = modifiers.at(-1)!.loc.end.offset;
+
+ yield* wrapWith(
+ startOffset,
+ endOffset,
+ ctx.codeFeatures.verification,
+ propertyName
+ );
+ yield `: { `;
+ for (const mod of modifiers) {
yield* generateObjectProperty(
options,
ctx,
mod.content,
mod.loc.start.offset,
- ctx.codeFeatures.withoutHighlight
+ ctx.codeFeatures.withoutHighlightAndNavigation
);
- yield ': true, ';
+ yield `: true, `;
}
- yield '}, ';
+ yield `}, `;
}
function* generateValue(
@@ -143,34 +158,22 @@ function* generateValue(
ctx: TemplateCodegenContext,
prop: CompilerDOM.DirectiveNode
): Generator {
- if (prop.exp?.type !== CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
+ const { exp } = prop;
+ if (exp?.type !== CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
return;
}
yield* wrapWith(
- prop.exp.loc.start.offset,
- prop.exp.loc.end.offset,
+ exp.loc.start.offset,
+ exp.loc.end.offset,
ctx.codeFeatures.verification,
- 'value'
+ `value`
);
- yield ': ';
- yield* wrapWith(
- prop.exp.loc.start.offset,
- prop.exp.loc.end.offset,
- ctx.codeFeatures.verification,
- ...generateInterpolation(
- options,
- ctx,
- prop.exp.content,
- prop.exp.loc,
- prop.exp.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
- )
+ yield `: `;
+ yield* generatePropExp(
+ options,
+ ctx,
+ prop,
+ exp
);
}
-
-function getPropRenameApply(oldName: string) {
- return oldName === hyphenateAttr(oldName) ? hyphenateAttr : undefined;
-}
diff --git a/packages/language-core/lib/codegen/template/elementEvents.ts b/packages/language-core/lib/codegen/template/elementEvents.ts
index 57f57c4c74..6124b181b0 100644
--- a/packages/language-core/lib/codegen/template/elementEvents.ts
+++ b/packages/language-core/lib/codegen/template/elementEvents.ts
@@ -2,9 +2,9 @@ import * as CompilerDOM from '@vue/compiler-dom';
import { camelize, capitalize } from '@vue/shared';
import type * as ts from 'typescript';
import type { Code, VueCodeInformation } from '../../types';
-import { hyphenateAttr } from '../../utils/shared';
-import { combineLastMapping, createTsAst, endOfLine, newLine, variableNameRegex, wrapWith } from '../common';
-import { generateCamelized } from './camelized';
+import { combineLastMapping, createTsAst, endOfLine, identifierRegex, newLine } from '../utils';
+import { generateCamelized } from '../utils/camelized';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
@@ -13,110 +13,98 @@ export function* generateElementEvents(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
node: CompilerDOM.ElementNode,
- componentVar: string,
- componentInstanceVar: string,
- emitVar: string,
- eventsVar: string
+ componentOriginalVar: string,
+ componentFunctionalVar: string,
+ componentVNodeVar: string,
+ componentCtxVar: string
): Generator {
- let usedComponentEventsVar = false;
+ let emitsVar: string | undefined;
let propsVar: string | undefined;
+
for (const prop of node.props) {
if (
prop.type === CompilerDOM.NodeTypes.DIRECTIVE
- && prop.name === 'on'
- && prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
- && !prop.arg.loc.source.startsWith('[')
- && !prop.arg.loc.source.endsWith(']')
+ && (
+ prop.name === 'on'
+ && (prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)
+ || options.vueCompilerOptions.strictVModel
+ && prop.name === 'model'
+ && (!prop.arg || prop.arg.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)
+ )
) {
- usedComponentEventsVar = true;
- if (!propsVar) {
+ ctx.currentComponent!.used = true;
+ if (!emitsVar) {
+ emitsVar = ctx.getInternalVariable();
propsVar = ctx.getInternalVariable();
- yield `let ${propsVar}!: __VLS_FunctionalComponentProps${endOfLine}`;
+ yield `let ${emitsVar}!: __VLS_ResolveEmits${endOfLine}`;
+ yield `let ${propsVar}!: __VLS_FunctionalComponentProps${endOfLine}`;
+ }
+
+ let source = prop.arg?.loc.source ?? 'model-value';
+ let start = prop.arg?.loc.start.offset;
+ let propPrefix = 'on-';
+ let emitPrefix = '';
+ if (prop.name === 'model') {
+ propPrefix = 'onUpdate:';
+ emitPrefix = 'update:';
+ }
+ else if (source.startsWith('vue:')) {
+ source = source.slice('vue:'.length);
+ start = start! + 'vue:'.length;
+ propPrefix = 'onVnode-';
+ emitPrefix = 'vnode-';
+ }
+ const propName = camelize(propPrefix + source);
+ const emitName = emitPrefix + source;
+ const camelizedEmitName = camelize(emitName);
+
+ yield `(): __VLS_NormalizeComponentEvent => (${newLine}`;
+ if (prop.name === 'on') {
+ yield `{ `;
+ yield* generateEventArg(ctx, source, start!, emitPrefix.slice(0, -1), ctx.codeFeatures.navigation);
+ yield `: {} as any } as typeof ${emitsVar},${newLine}`;
}
- const originalPropName = camelize('on-' + prop.arg.loc.source);
- const originalPropNameObjectKey = variableNameRegex.test(originalPropName)
- ? originalPropName
- : `'${originalPropName}'`;
- yield `const ${ctx.getInternalVariable()}: `;
- if (!options.vueCompilerOptions.strictTemplates) {
- yield `Record & `;
+ yield `{ `;
+ if (prop.name === 'on') {
+ yield* generateEventArg(ctx, source, start!, propPrefix.slice(0, -1));
+ yield `: `;
+ yield* generateEventExpression(options, ctx, prop);
}
- yield `(${newLine}`;
- yield `__VLS_IsFunction extends true${newLine}`;
- yield `? typeof ${propsVar}${newLine}`;
- yield `: __VLS_IsFunction extends true${newLine}`;
- yield `? {${newLine}`;
- yield `/**__VLS_emit,${emitVar},${prop.arg.loc.source}*/${newLine}`;
- yield `${originalPropNameObjectKey}?: typeof ${eventsVar}['${prop.arg.loc.source}']${newLine}`;
- yield `}${newLine}`;
- if (prop.arg.loc.source !== camelize(prop.arg.loc.source)) {
- yield `: __VLS_IsFunction extends true${newLine}`;
- yield `? {${newLine}`;
- yield `/**__VLS_emit,${emitVar},${camelize(prop.arg.loc.source)}*/${newLine}`;
- yield `${originalPropNameObjectKey}?: typeof ${eventsVar}['${camelize(prop.arg.loc.source)}']${newLine}`;
- yield `}${newLine}`;
+ else {
+ yield `'${propName}': `;
+ yield* generateModelEventExpression(options, ctx, prop);
}
- yield `: typeof ${propsVar}${newLine}`;
- yield `) = {${newLine}`;
- yield* generateEventArg(ctx, prop.arg, true);
- yield `: `;
- yield* generateEventExpression(options, ctx, prop);
- yield `}${endOfLine}`;
+ yield `})${endOfLine}`;
}
}
- return usedComponentEventsVar;
}
-const eventArgFeatures: VueCodeInformation = {
- navigation: {
- // @click-outside -> onClickOutside
- resolveRenameNewName(newName) {
- return camelize('on-' + newName);
- },
- // onClickOutside -> @click-outside
- resolveRenameEditText(newName) {
- const hName = hyphenateAttr(newName);
- if (hyphenateAttr(newName).startsWith('on-')) {
- return camelize(hName.slice('on-'.length));
- }
- return newName;
- },
- },
-};
-
export function* generateEventArg(
ctx: TemplateCodegenContext,
- arg: CompilerDOM.SimpleExpressionNode,
- enableHover: boolean
+ name: string,
+ start: number,
+ directive = 'on',
+ features: VueCodeInformation = {
+ ...ctx.codeFeatures.withoutHighlightAndCompletion,
+ ...ctx.codeFeatures.navigationWithoutRename,
+ }
): Generator {
- const features = enableHover
- ? {
- ...ctx.codeFeatures.withoutHighlightAndCompletion,
- ...eventArgFeatures,
- }
- : eventArgFeatures;
- if (variableNameRegex.test(camelize(arg.loc.source))) {
- yield ['', 'template', arg.loc.start.offset, features];
- yield `on`;
- yield* generateCamelized(
- capitalize(arg.loc.source),
- arg.loc.start.offset,
- combineLastMapping
- );
+ if (directive.length) {
+ name = capitalize(name);
+ }
+ if (identifierRegex.test(camelize(name))) {
+ yield ['', 'template', start, features];
+ yield directive;
+ yield* generateCamelized(name, 'template', start, combineLastMapping);
}
else {
yield* wrapWith(
- arg.loc.start.offset,
- arg.loc.end.offset,
+ start,
+ start + name.length,
features,
`'`,
- ['', 'template', arg.loc.start.offset, combineLastMapping],
- 'on',
- ...generateCamelized(
- capitalize(arg.loc.source),
- arg.loc.start.offset,
- combineLastMapping
- ),
+ directive,
+ ...generateCamelized(name, 'template', start, combineLastMapping),
`'`
);
}
@@ -128,8 +116,8 @@ export function* generateEventExpression(
prop: CompilerDOM.DirectiveNode
): Generator {
if (prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
- let prefix = '(';
- let suffix = ')';
+ let prefix = `(`;
+ let suffix = `)`;
let isFirstMapping = true;
const ast = createTsAst(options.ts, prop.exp, prop.exp.content);
@@ -137,20 +125,15 @@ export function* generateEventExpression(
if (_isCompoundExpression) {
yield `(...[$event]) => {${newLine}`;
ctx.addLocalVariable('$event');
-
- prefix = '';
- suffix = '';
- for (const blockCondition of ctx.blockConditions) {
- prefix += `if (!(${blockCondition})) return${endOfLine}`;
- }
+ yield* ctx.generateConditionGuards();
+ prefix = ``;
+ suffix = ``;
}
yield* generateInterpolation(
options,
ctx,
- prop.exp.content,
- prop.exp.loc,
- prop.exp.loc.start.offset,
+ 'template',
offset => {
if (_isCompoundExpression && isFirstMapping) {
isFirstMapping = false;
@@ -169,6 +152,9 @@ export function* generateEventExpression(
}
return ctx.codeFeatures.all;
},
+ prop.exp.content,
+ prop.exp.loc.start.offset,
+ prop.exp.loc,
prefix,
suffix
);
@@ -177,7 +163,6 @@ export function* generateEventExpression(
ctx.removeLocalVariable('$event');
yield endOfLine;
- yield* ctx.generateAutoImportCompletion();
yield `}`;
}
}
@@ -186,6 +171,31 @@ export function* generateEventExpression(
}
}
+export function* generateModelEventExpression(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext,
+ prop: CompilerDOM.DirectiveNode
+): Generator {
+ if (prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
+ yield `(...[$event]) => {${newLine}`;
+ yield* ctx.generateConditionGuards();
+ yield* generateInterpolation(
+ options,
+ ctx,
+ 'template',
+ ctx.codeFeatures.verification,
+ prop.exp.content,
+ prop.exp.loc.start.offset,
+ prop.exp.loc
+ );
+ yield ` = $event${endOfLine}`;
+ yield `}`;
+ }
+ else {
+ yield `() => {}`;
+ }
+}
+
export function isCompoundExpression(ts: typeof import('typescript'), ast: ts.SourceFile) {
let result = true;
if (ast.statements.length === 0) {
@@ -210,7 +220,7 @@ export function isCompoundExpression(ts: typeof import('typescript'), ast: ts.So
return result;
}
-function isPropertyAccessOrId(ts: typeof import('typescript'), node: ts.Node): boolean {
+function isPropertyAccessOrId(ts: typeof import('typescript'), node: ts.Node) {
if (ts.isIdentifier(node)) {
return true;
}
diff --git a/packages/language-core/lib/codegen/template/elementProps.ts b/packages/language-core/lib/codegen/template/elementProps.ts
index f6ca405cc8..8d9c559e2d 100644
--- a/packages/language-core/lib/codegen/template/elementProps.ts
+++ b/packages/language-core/lib/codegen/template/elementProps.ts
@@ -4,26 +4,33 @@ import { minimatch } from 'minimatch';
import { toString } from 'muggle-string';
import type { Code, VueCodeInformation, VueCompilerOptions } from '../../types';
import { hyphenateAttr, hyphenateTag } from '../../utils/shared';
-import { conditionWrapWith, variableNameRegex, wrapWith } from '../common';
-import { generateCamelized } from './camelized';
+import { codeFeatures } from '../codeFeatures';
+import { createVBindShorthandInlayHintInfo } from '../inlayHints';
+import { identifierRegex, newLine } from '../utils';
+import { generateCamelized } from '../utils/camelized';
+import { generateUnicode } from '../utils/unicode';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
+import { generateModifiers } from './elementDirectives';
import { generateEventArg, generateEventExpression } from './elementEvents';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
import { generateObjectProperty } from './objectProperty';
-import { createVBindShorthandInlayHintInfo } from '../inlayHints';
+
+export interface FailedPropExpression {
+ node: CompilerDOM.SimpleExpressionNode;
+ prefix: string;
+ suffix: string;
+}
export function* generateElementProps(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
node: CompilerDOM.ElementNode,
props: CompilerDOM.ElementNode['props'],
+ strictPropsCheck: boolean,
enableCodeFeatures: boolean,
- propsFailedExps?: {
- node: CompilerDOM.SimpleExpressionNode;
- prefix: string;
- suffix: string;
- }[]
+ failedPropExps?: FailedPropExpression[]
): Generator {
const isComponent = node.tagType === CompilerDOM.ElementTypes.COMPONENT;
@@ -39,14 +46,15 @@ export function* generateElementProps(
) {
if (!isComponent) {
yield `...{ `;
- yield* generateEventArg(ctx, prop.arg, true);
+ yield* generateEventArg(ctx, prop.arg.loc.source, prop.arg.loc.start.offset);
yield `: `;
yield* generateEventExpression(options, ctx, prop);
- yield `}, `;
+ yield `},`;
}
else {
- yield `...{ '${camelize('on-' + prop.arg.loc.source)}': {} as any }, `;
+ yield `...{ '${camelize('on-' + prop.arg.loc.source)}': {} as any },`;
}
+ yield newLine;
}
else if (
prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
@@ -54,14 +62,14 @@ export function* generateElementProps(
&& prop.arg.loc.source.startsWith('[')
&& prop.arg.loc.source.endsWith(']')
) {
- propsFailedExps?.push({ node: prop.arg, prefix: '(', suffix: ')' });
- propsFailedExps?.push({ node: prop.exp, prefix: '() => {', suffix: '}' });
+ failedPropExps?.push({ node: prop.arg, prefix: `(`, suffix: `)` });
+ failedPropExps?.push({ node: prop.exp, prefix: `() => {`, suffix: `}` });
}
else if (
!prop.arg
&& prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
) {
- propsFailedExps?.push({ node: prop.exp, prefix: '(', suffix: ')' });
+ failedPropExps?.push({ node: prop.exp, prefix: `(`, suffix: `)` });
}
}
}
@@ -83,7 +91,7 @@ export function* generateElementProps(
: prop.arg.loc.source;
}
else {
- propName = getModelValuePropName(node, options.vueCompilerOptions.target, options.vueCompilerOptions);
+ propName = getModelPropName(node, options.vueCompilerOptions);
}
if (
@@ -91,26 +99,26 @@ export function* generateElementProps(
|| options.vueCompilerOptions.dataAttributes.some(pattern => minimatch(propName!, pattern))
) {
if (prop.exp && prop.exp.constType !== CompilerDOM.ConstantTypes.CAN_STRINGIFY) {
- propsFailedExps?.push({ node: prop.exp, prefix: '(', suffix: ')' });
+ failedPropExps?.push({ node: prop.exp, prefix: `(`, suffix: `)` });
}
continue;
}
- if (prop.modifiers.some(m => m.content === 'prop' || m.content === 'attr')) {
- propName = propName.substring(1);
+ if (
+ prop.name === 'bind'
+ && prop.modifiers.some(m => m.content === 'prop' || m.content === 'attr')
+ ) {
+ propName = propName.slice(1);
}
const shouldSpread = propName === 'style' || propName === 'class';
- const shouldCamelize = isComponent
- && (!prop.arg || (prop.arg.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)) // isStatic
- && hyphenateAttr(propName) === propName
- && !options.vueCompilerOptions.htmlAttributes.some(pattern => minimatch(propName, pattern));
+ const shouldCamelize = isComponent && getShouldCamelize(options, prop, propName);
+ const codeInfo = getPropsCodeInfo(ctx, strictPropsCheck);
if (shouldSpread) {
yield `...{ `;
}
- const codeInfo = ctx.codeFeatures.withoutHighlightAndCompletion;
- const codes = wrapWith(
+ const codes = [...wrapWith(
prop.loc.start.offset,
prop.loc.end.offset,
ctx.codeFeatures.verification,
@@ -121,109 +129,76 @@ export function* generateElementProps(
ctx,
propName,
prop.arg.loc.start.offset,
- {
- ...codeInfo,
- verification: options.vueCompilerOptions.strictTemplates
- ? codeInfo.verification
- : {
- shouldReport(_source, code) {
- if (String(code) === '2353' || String(code) === '2561') {
- return false;
- }
- return typeof codeInfo.verification === 'object'
- ? codeInfo.verification.shouldReport?.(_source, code) ?? true
- : true;
- },
- },
- navigation: codeInfo.navigation
- ? {
- resolveRenameNewName: camelize,
- resolveRenameEditText: shouldCamelize ? hyphenateAttr : undefined,
- }
- : false,
- },
- (prop.loc as any).name_2 ?? ((prop.loc as any).name_2 = {}),
+ codeInfo,
+ (prop.loc as any).name_2 ??= {},
shouldCamelize
)
: wrapWith(
prop.loc.start.offset,
prop.loc.start.offset + 'v-model'.length,
- ctx.codeFeatures.verification,
+ ctx.codeFeatures.withoutHighlightAndCompletion,
propName
)
),
- `: (`,
- ...generatePropExp(
- options,
- ctx,
- prop,
- prop.exp,
- ctx.codeFeatures.all,
- prop.arg?.loc.start.offset === prop.exp?.loc.start.offset,
- enableCodeFeatures
- ),
- `)`
- );
- if (!enableCodeFeatures) {
- yield toString([...codes]);
+ `: `,
+ ...wrapWith(
+ prop.arg?.loc.start.offset ?? prop.loc.start.offset,
+ prop.arg?.loc.end.offset ?? prop.loc.end.offset,
+ ctx.codeFeatures.verification,
+ ...generatePropExp(
+ options,
+ ctx,
+ prop,
+ prop.exp,
+ enableCodeFeatures
+ )
+ )
+ )];
+ if (enableCodeFeatures) {
+ yield* codes;
}
else {
- yield* codes;
+ yield toString(codes);
}
if (shouldSpread) {
yield ` }`;
}
- yield `, `;
+ yield `,${newLine}`;
+
+ if (isComponent && prop.name === 'model' && prop.modifiers.length) {
+ const propertyName = prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+ ? !prop.arg.isStatic
+ ? `[__VLS_tryAsConstant(\`$\{${prop.arg.content}\}Modifiers\`)]`
+ : camelize(propName) + `Modifiers`
+ : `modelModifiers`;
+ const codes = [...generateModifiers(
+ options,
+ ctx,
+ prop,
+ propertyName
+ )];
+ if (enableCodeFeatures) {
+ yield* codes;
+ }
+ else {
+ yield toString(codes);
+ }
+ yield newLine;
+ }
}
else if (prop.type === CompilerDOM.NodeTypes.ATTRIBUTE) {
- if (
- options.vueCompilerOptions.dataAttributes.some(pattern => minimatch(prop.name, pattern))
- // Vue 2 Transition doesn't support "persisted" property but `@vue/compiler-dom always adds it (#3881)
- || (
- options.vueCompilerOptions.target < 3
- && prop.name === 'persisted'
- && node.tag.toLowerCase() === 'transition'
- )
- ) {
+ if (options.vueCompilerOptions.dataAttributes.some(pattern => minimatch(prop.name, pattern))) {
continue;
}
const shouldSpread = prop.name === 'style' || prop.name === 'class';
- const shouldCamelize = isComponent
- && hyphenateAttr(prop.name) === prop.name
- && !options.vueCompilerOptions.htmlAttributes.some(pattern => minimatch(prop.name, pattern));
+ const shouldCamelize = isComponent && getShouldCamelize(options, prop, prop.name);
+ const codeInfo = getPropsCodeInfo(ctx, strictPropsCheck);
if (shouldSpread) {
yield `...{ `;
}
- const codeInfo = shouldCamelize
- ? {
- ...ctx.codeFeatures.withoutHighlightAndCompletion,
- navigation: ctx.codeFeatures.withoutHighlightAndCompletion.navigation
- ? {
- resolveRenameNewName: camelize,
- resolveRenameEditText: hyphenateAttr,
- }
- : false,
- }
- : {
- ...ctx.codeFeatures.withoutHighlightAndCompletion,
- };
- if (!options.vueCompilerOptions.strictTemplates) {
- const verification = codeInfo.verification;
- codeInfo.verification = {
- shouldReport(_source, code) {
- if (String(code) === '2353' || String(code) === '2561') {
- return false;
- }
- return typeof verification === 'object'
- ? verification.shouldReport?.(_source, code) ?? true
- : true;
- },
- };
- }
- const codes = conditionWrapWith(
- enableCodeFeatures,
+ const codes = [...wrapWith(
prop.loc.start.offset,
prop.loc.end.offset,
ctx.codeFeatures.verification,
@@ -233,27 +208,26 @@ export function* generateElementProps(
prop.name,
prop.loc.start.offset,
codeInfo,
- (prop.loc as any).name_1 ?? ((prop.loc as any).name_1 = {}),
+ (prop.loc as any).name_1 ??= {},
shouldCamelize
),
- `: (`,
+ `: `,
...(
prop.value
- ? generateAttrValue(prop.value, ctx.codeFeatures.all)
+ ? generateAttrValue(prop.value, ctx.codeFeatures.withoutNavigation)
: [`true`]
- ),
- `)`
- );
- if (!enableCodeFeatures) {
- yield toString([...codes]);
+ )
+ )];
+ if (enableCodeFeatures) {
+ yield* codes;
}
else {
- yield* codes;
+ yield toString(codes);
}
if (shouldSpread) {
yield ` }`;
}
- yield `, `;
+ yield `,${newLine}`;
}
else if (
prop.type === CompilerDOM.NodeTypes.DIRECTIVE
@@ -261,78 +235,94 @@ export function* generateElementProps(
&& !prop.arg
&& prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
) {
- const codes = conditionWrapWith(
- enableCodeFeatures,
- prop.exp.loc.start.offset,
- prop.exp.loc.end.offset,
- ctx.codeFeatures.verification,
- `...`,
- ...generateInterpolation(
- options,
- ctx,
- prop.exp.content,
- prop.exp.loc,
- prop.exp.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
- )
- );
- if (!enableCodeFeatures) {
- yield toString([...codes]);
+ if (prop.exp.loc.source === '$attrs') {
+ if (enableCodeFeatures) {
+ ctx.bindingAttrLocs.push(prop.exp.loc);
+ }
}
else {
- yield* codes;
+ const codes = [...wrapWith(
+ prop.exp.loc.start.offset,
+ prop.exp.loc.end.offset,
+ ctx.codeFeatures.verification,
+ `...`,
+ ...generatePropExp(
+ options,
+ ctx,
+ prop,
+ prop.exp,
+ enableCodeFeatures
+ )
+ )];
+ if (enableCodeFeatures) {
+ yield* codes;
+ }
+ else {
+ yield toString(codes);
+ }
+ yield `,${newLine}`;
}
- yield `, `;
- }
- else {
- // comment this line to avoid affecting comments in prop expressions
- // tsCodeGen.addText("/* " + [prop.type, prop.name, prop.arg?.loc.source, prop.exp?.loc.source, prop.loc.source].join(", ") + " */ ");
}
}
}
-function* generatePropExp(
+export function* generatePropExp(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
prop: CompilerDOM.DirectiveNode,
exp: CompilerDOM.SimpleExpressionNode | undefined,
- features: VueCodeInformation,
- isShorthand: boolean,
- enableCodeFeatures: boolean
+ enableCodeFeatures: boolean = true
): Generator {
- if (isShorthand && features.completion) {
- features = {
- ...features,
- completion: undefined,
- };
- }
+ const isShorthand = prop.arg?.loc.start.offset === prop.exp?.loc.start.offset;
+ const features = isShorthand
+ ? ctx.codeFeatures.withoutHighlightAndCompletion
+ : ctx.codeFeatures.all;
+
if (exp && exp.constType !== CompilerDOM.ConstantTypes.CAN_STRINGIFY) { // style='z-index: 2' will compile to {'z-index':'2'}
if (!isShorthand) { // vue 3.4+
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ features,
exp.loc.source,
- exp.loc,
exp.loc.start.offset,
- features,
- '(',
- ')'
+ exp.loc,
+ `(`,
+ `)`
);
- } else {
+ }
+ else {
const propVariableName = camelize(exp.loc.source);
- if (variableNameRegex.test(propVariableName)) {
- if (!ctx.hasLocalVariable(propVariableName)) {
- ctx.accessExternalVariable(propVariableName, exp.loc.start.offset);
- yield `__VLS_ctx.`;
- }
- yield* generateCamelized(
+ if (identifierRegex.test(propVariableName)) {
+ const isDestructuredProp = options.destructuredPropNames?.has(propVariableName) ?? false;
+ const isTemplateRef = options.templateRefNames?.has(propVariableName) ?? false;
+
+ const codes = generateCamelized(
exp.loc.source,
+ 'template',
exp.loc.start.offset,
features
);
+
+ if (ctx.hasLocalVariable(propVariableName) || isDestructuredProp) {
+ yield* codes;
+ }
+ else {
+ ctx.accessExternalVariable(propVariableName, exp.loc.start.offset);
+
+ if (isTemplateRef) {
+ yield `__VLS_unref(`;
+ yield* codes;
+ yield `)`;
+ }
+ else {
+ yield `__VLS_ctx.`;
+ yield* codes;
+ }
+ }
+
if (enableCodeFeatures) {
ctx.inlayHints.push(createVBindShorthandInlayHintInfo(prop.loc, propVariableName));
}
@@ -344,61 +334,73 @@ function* generatePropExp(
}
}
-function* generateAttrValue(attrNode: CompilerDOM.TextNode, features: VueCodeInformation): Generator {
- const char = attrNode.loc.source.startsWith("'") ? "'" : '"';
- yield char;
+function* generateAttrValue(
+ attrNode: CompilerDOM.TextNode,
+ features: VueCodeInformation
+): Generator {
+ const quote = attrNode.loc.source.startsWith("'") ? "'" : '"';
+ yield quote;
let start = attrNode.loc.start.offset;
- let end = attrNode.loc.end.offset;
let content = attrNode.loc.source;
if (
(content.startsWith('"') && content.endsWith('"'))
|| (content.startsWith("'") && content.endsWith("'"))
) {
start++;
- end--;
content = content.slice(1, -1);
}
- if (needToUnicode(content)) {
- yield* wrapWith(
- start,
- end,
- features,
- toUnicode(content)
- );
- }
- else {
- yield [content, 'template', start, features];
- }
- yield char;
+ yield* generateUnicode(content, start, features);
+ yield quote;
}
-function needToUnicode(str: string) {
- return str.includes('\\') || str.includes('\n');
+function getShouldCamelize(
+ options: TemplateCodegenOptions,
+ prop: CompilerDOM.AttributeNode | CompilerDOM.DirectiveNode,
+ propName: string
+) {
+ return (
+ prop.type !== CompilerDOM.NodeTypes.DIRECTIVE
+ || !prop.arg
+ || (prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && prop.arg.isStatic)
+ )
+ && hyphenateAttr(propName) === propName
+ && !options.vueCompilerOptions.htmlAttributes.some(pattern => minimatch(propName, pattern));
}
-function toUnicode(str: string) {
- return str.split('').map(value => {
- const temp = value.charCodeAt(0).toString(16).padStart(4, '0');
- if (temp.length > 2) {
- return '\\u' + temp;
- }
- return value;
- }).join('');
+function getPropsCodeInfo(
+ ctx: TemplateCodegenContext,
+ strictPropsCheck: boolean
+): VueCodeInformation {
+ return ctx.resolveCodeFeatures({
+ ...codeFeatures.withoutHighlightAndCompletion,
+ verification: strictPropsCheck || {
+ shouldReport(_source, code) {
+ // https://typescript.tv/errors/#ts2353
+ // https://typescript.tv/errors/#ts2561
+ if (String(code) === '2353' || String(code) === '2561') {
+ return false;
+ }
+ return true;
+ },
+ },
+ });
}
-function getModelValuePropName(node: CompilerDOM.ElementNode, vueVersion: number, vueCompilerOptions: VueCompilerOptions) {
+function getModelPropName(node: CompilerDOM.ElementNode, vueCompilerOptions: VueCompilerOptions) {
for (const modelName in vueCompilerOptions.experimentalModelPropName) {
const tags = vueCompilerOptions.experimentalModelPropName[modelName];
for (const tag in tags) {
if (node.tag === tag || node.tag === hyphenateTag(tag)) {
- const v = tags[tag];
- if (typeof v === 'object') {
- const arr = Array.isArray(v) ? v : [v];
+ const val = tags[tag];
+ if (typeof val === 'object') {
+ const arr = Array.isArray(val) ? val : [val];
for (const attrs of arr) {
let failed = false;
for (const attr in attrs) {
- const attrNode = node.props.find(prop => prop.type === CompilerDOM.NodeTypes.ATTRIBUTE && prop.name === attr) as CompilerDOM.AttributeNode | undefined;
+ const attrNode = node.props.find(
+ prop => prop.type === CompilerDOM.NodeTypes.ATTRIBUTE && prop.name === attr
+ ) as CompilerDOM.AttributeNode | undefined;
if (!attrNode || attrNode.value?.content !== attrs[attr]) {
failed = true;
break;
@@ -426,5 +428,5 @@ function getModelValuePropName(node: CompilerDOM.ElementNode, vueVersion: number
}
}
- return vueVersion < 3 ? 'value' : 'modelValue';
+ return 'modelValue';
}
diff --git a/packages/language-core/lib/codegen/template/index.ts b/packages/language-core/lib/codegen/template/index.ts
index feac4f497a..138d2e6cc1 100644
--- a/packages/language-core/lib/codegen/template/index.ts
+++ b/packages/language-core/lib/codegen/template/index.ts
@@ -1,20 +1,18 @@
import * as CompilerDOM from '@vue/compiler-dom';
import type * as ts from 'typescript';
import type { Code, Sfc, VueCompilerOptions } from '../../types';
-import { endOfLine, newLine, wrapWith } from '../common';
-import { TemplateCodegenContext, createTemplateCodegenContext } from './context';
-import { getCanonicalComponentName, getPossibleOriginalComponentNames } from './element';
+import { endOfLine, newLine } from '../utils';
+import { wrapWith } from '../utils/wrapWith';
+import { createTemplateCodegenContext, type TemplateCodegenContext } from './context';
import { generateObjectProperty } from './objectProperty';
-import { generateStringLiteralKey } from './stringLiteralKey';
+import { generateStyleScopedClassReferences } from './styleScopedClasses';
import { generateTemplateChild, getVForNode } from './templateChild';
-import { generateStyleScopedClasses } from './styleScopedClasses';
export interface TemplateCodegenOptions {
ts: typeof ts;
compilerOptions: ts.CompilerOptions;
vueCompilerOptions: VueCompilerOptions;
template: NonNullable;
- edited: boolean;
scriptSetupBindingNames: Set;
scriptSetupImportComponentNames: Set;
destructuredPropNames: Set;
@@ -23,6 +21,7 @@ export interface TemplateCodegenOptions {
slotsAssignName?: string;
propsAssignName?: string;
inheritAttrs: boolean;
+ selfComponentName?: string;
}
export function* generateTemplate(options: TemplateCodegenOptions): Generator {
@@ -34,117 +33,153 @@ export function* generateTemplate(options: TemplateCodegenOptions): Generator {
- for (const { expVar, varName } of ctx.dynamicSlots) {
- ctx.hasSlot = true;
- yield `Partial, (_: typeof ${varName}) => any>> &${newLine}`;
- }
- yield `{${newLine}`;
- for (const slot of ctx.slots) {
- ctx.hasSlot = true;
- if (slot.name && slot.loc !== undefined) {
- yield* generateObjectProperty(
- options,
- ctx,
- slot.name,
- slot.loc,
- ctx.codeFeatures.withoutHighlightAndCompletion,
- slot.nodeLoc
- );
+function* generateSlots(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext
+): Generator {
+ if (!options.hasDefineSlots) {
+ yield `type __VLS_Slots = {}`;
+ for (const { expVar, propsVar } of ctx.dynamicSlots) {
+ yield `${newLine}& { [K in NonNullable]?: (props: typeof ${propsVar}) => any }`;
}
- else {
- yield* wrapWith(
- slot.tagRange[0],
- slot.tagRange[1],
- ctx.codeFeatures.withoutHighlightAndCompletion,
- `default`
- );
+ for (const slot of ctx.slots) {
+ yield `${newLine}& { `;
+ if (slot.name && slot.offset !== undefined) {
+ yield* generateObjectProperty(
+ options,
+ ctx,
+ slot.name,
+ slot.offset,
+ ctx.codeFeatures.withoutHighlightAndCompletion,
+ slot.nodeLoc
+ );
+ }
+ else {
+ yield* wrapWith(
+ slot.tagRange[0],
+ slot.tagRange[1],
+ ctx.codeFeatures.withoutHighlightAndCompletion,
+ `default`
+ );
+ }
+ yield `?: (props: typeof ${slot.propsVar}) => any }`;
}
- yield `?(_: typeof ${slot.varName}): any,${newLine}`;
+ yield `${endOfLine}`;
}
- yield `}`;
+ return `__VLS_Slots`;
}
-function* generateInheritedAttrs(ctx: TemplateCodegenContext): Generator {
- yield 'var __VLS_inheritedAttrs!: {}';
+function* generateInheritedAttrs(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext
+): Generator {
+ yield `type __VLS_InheritedAttrs = {}`;
for (const varName of ctx.inheritedAttrVars) {
yield ` & typeof ${varName}`;
}
yield endOfLine;
-}
-function* generateRefs(ctx: TemplateCodegenContext): Generator {
- yield `const __VLS_refs = {${newLine}`;
- for (const [name, [varName, offset]] of ctx.templateRefs) {
- yield* generateStringLiteralKey(
- name,
- offset,
- ctx.codeFeatures.navigationAndCompletion
- );
- yield `: ${varName},${newLine}`;
- }
- yield `}${endOfLine}`;
- yield `var $refs!: typeof __VLS_refs${endOfLine}`;
+ if (ctx.bindingAttrLocs.length) {
+ yield `[`;
+ for (const loc of ctx.bindingAttrLocs) {
+ yield `__VLS_dollars.`;
+ yield [
+ loc.source,
+ 'template',
+ loc.start.offset,
+ ctx.codeFeatures.all
+ ];
+ yield `,`;
+ }
+ yield `]${endOfLine}`;
+ }
+ return `import('${options.vueCompilerOptions.lib}').ComponentPublicInstance['$attrs'] & Partial<__VLS_InheritedAttrs>`;
}
-function* generateRootEl(ctx: TemplateCodegenContext): Generator {
- if (ctx.singleRootElType) {
- yield `var $el!: ${ctx.singleRootElType}${endOfLine}`;
- }
- else {
- yield `var $el!: any${endOfLine}`;
+function* generateTemplateRefs(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext
+): Generator {
+ yield `type __VLS_TemplateRefs = {}`;
+ for (const [name, refs] of ctx.templateRefs) {
+ yield `${newLine}& `;
+ if (refs.length >= 2) {
+ yield `(`;
+ }
+ for (let i = 0; i < refs.length; i++) {
+ const { typeExp, offset } = refs[i];
+ if (i) {
+ yield ` | `;
+ }
+ yield `{ `;
+ yield* generateObjectProperty(
+ options,
+ ctx,
+ name,
+ offset,
+ ctx.codeFeatures.navigation
+ );
+ yield `: ${typeExp} }`;
+ }
+ if (refs.length >= 2) {
+ yield `)`;
+ }
}
+ yield endOfLine;
+ return `__VLS_TemplateRefs`;
}
-function* generatePreResolveComponents(options: TemplateCodegenOptions): Generator {
- yield `let __VLS_resolvedLocalAndGlobalComponents!: Required<{}`;
- if (options.template.ast) {
- const components = new Set();
- for (const node of forEachElementNode(options.template.ast)) {
- if (
- node.tagType === CompilerDOM.ElementTypes.COMPONENT
- && node.tag.toLowerCase() !== 'component'
- && !node.tag.includes('.') // namespace tag
- ) {
- if (components.has(node.tag)) {
- continue;
- }
- components.add(node.tag);
- yield newLine;
- yield ` & __VLS_WithComponent<'${getCanonicalComponentName(node.tag)}', typeof __VLS_localComponents, `;
- yield getPossibleOriginalComponentNames(node.tag, false)
- .map(name => `"${name}"`)
- .join(', ');
- yield `>`;
- }
+function* generateRootEl(
+ ctx: TemplateCodegenContext
+): Generator {
+ yield `type __VLS_RootEl = `;
+ if (ctx.singleRootElTypes.length && !ctx.singleRootNodes.has(null)) {
+ for (const type of ctx.singleRootElTypes) {
+ yield `${newLine}| ${type}`;
}
}
- yield `>${endOfLine}`;
+ else {
+ yield `any`;
+ }
+ yield endOfLine;
+ return `__VLS_RootEl`;
}
export function* forEachElementNode(node: CompilerDOM.RootNode | CompilerDOM.TemplateChildNode): Generator {
diff --git a/packages/language-core/lib/codegen/template/interpolation.ts b/packages/language-core/lib/codegen/template/interpolation.ts
index 8880aa879c..7881d88236 100644
--- a/packages/language-core/lib/codegen/template/interpolation.ts
+++ b/packages/language-core/lib/codegen/template/interpolation.ts
@@ -1,31 +1,38 @@
-import { isGloballyWhitelisted } from '@vue/shared';
+import { isGloballyAllowed, makeMap } from '@vue/shared';
import type * as ts from 'typescript';
-import { getNodeText, getStartEnd } from '../../parsers/scriptSetupRanges';
import type { Code, VueCodeInformation } from '../../types';
-import { collectVars, createTsAst } from '../common';
+import { getNodeText, getStartEnd } from '../../utils/shared';
+import { collectVars, createTsAst, identifierRegex } from '../utils';
import type { TemplateCodegenContext } from './context';
-import type { TemplateCodegenOptions } from './index';
+
+// https://github.com/vuejs/core/blob/fb0c3ca519f1fccf52049cd6b8db3a67a669afe9/packages/compiler-core/src/transforms/transformExpression.ts#L47
+const isLiteralWhitelisted = /*@__PURE__*/ makeMap('true,false,null,this');
export function* generateInterpolation(
- options: TemplateCodegenOptions,
+ options: {
+ ts: typeof ts,
+ destructuredPropNames: Set | undefined,
+ templateRefNames: Set | undefined;
+ },
ctx: TemplateCodegenContext,
- _code: string,
- astHolder: any,
- start: number | undefined,
+ source: string,
data: VueCodeInformation | ((offset: number) => VueCodeInformation) | undefined,
- prefix: string,
- suffix: string
+ code: string,
+ start: number | undefined,
+ astHolder: any = {},
+ prefix: string = '',
+ suffix: string = ''
): Generator {
- const code = prefix + _code + suffix;
- const ast = createTsAst(options.ts, astHolder, code);
for (let [section, offset, type] of forEachInterpolationSegment(
options.ts,
options.destructuredPropNames,
options.templateRefNames,
ctx,
code,
- start !== undefined ? start - prefix.length : undefined,
- ast
+ start,
+ astHolder,
+ prefix,
+ suffix
)) {
if (offset === undefined) {
yield section;
@@ -33,14 +40,14 @@ export function* generateInterpolation(
else {
offset -= prefix.length;
let addSuffix = '';
- const overLength = offset + section.length - _code.length;
+ const overLength = offset + section.length - code.length;
if (overLength > 0) {
- addSuffix = section.substring(section.length - overLength);
- section = section.substring(0, section.length - overLength);
+ addSuffix = section.slice(section.length - overLength);
+ section = section.slice(0, -overLength);
}
if (offset < 0) {
- yield section.substring(0, -offset);
- section = section.substring(-offset);
+ yield section.slice(0, -offset);
+ section = section.slice(-offset);
offset = 0;
}
const shouldSkip = section.length === 0 && (type === 'startText' || type === 'endText');
@@ -51,7 +58,7 @@ export function* generateInterpolation(
) {
yield [
section,
- 'template',
+ source,
start + offset,
type === 'errorMappingOnly'
? ctx.codeFeatures.verification
@@ -67,82 +74,75 @@ export function* generateInterpolation(
}
}
-export function* forEachInterpolationSegment(
+interface CtxVar {
+ text: string;
+ offset: number;
+ isShorthand?: boolean;
+};
+
+type Segment = [
+ fragment: string,
+ offset: number | undefined,
+ type?: 'errorMappingOnly' | 'startText' | 'endText',
+];
+
+function* forEachInterpolationSegment(
ts: typeof import('typescript'),
destructuredPropNames: Set | undefined,
templateRefNames: Set | undefined,
ctx: TemplateCodegenContext,
- code: string,
- offset: number | undefined,
- ast: ts.SourceFile
-): Generator<[fragment: string, offset: number | undefined, type?: 'errorMappingOnly' | 'startText' | 'endText']> {
- let ctxVars: {
- text: string,
- isShorthand: boolean,
- offset: number,
- }[] = [];
+ originalCode: string,
+ start: number | undefined,
+ astHolder: any,
+ prefix: string,
+ suffix: string
+): Generator {
+ const code = prefix + originalCode + suffix;
+ const offset = start !== undefined ? start - prefix.length : undefined;
+ let ctxVars: CtxVar[] = [];
- const varCb = (id: ts.Identifier, isShorthand: boolean) => {
- const text = getNodeText(ts, id, ast);
- if (
- ctx.hasLocalVariable(text) ||
- // https://github.com/vuejs/core/blob/245230e135152900189f13a4281302de45fdcfaa/packages/compiler-core/src/transforms/transformExpression.ts#L342-L352
- isGloballyWhitelisted(text) ||
- text === 'require' ||
- text.startsWith('__VLS_')
- ) {
- // localVarOffsets.push(localVar.getStart(ast));
- }
- else {
- ctxVars.push({
- text,
- isShorthand: isShorthand,
- offset: getStartEnd(ts, id, ast).start,
- });
- if (destructuredPropNames?.has(text)) {
- return;
- }
- if (offset !== undefined) {
- ctx.accessExternalVariable(text, offset + getStartEnd(ts, id, ast).start);
- }
- else {
- ctx.accessExternalVariable(text);
+ if (identifierRegex.test(originalCode) && !shouldIdentifierSkipped(ctx, originalCode, destructuredPropNames)) {
+ ctxVars.push({
+ text: originalCode,
+ offset: prefix.length,
+ });
+ }
+ else {
+ const ast = createTsAst(ts, astHolder, code);
+ const varCb = (id: ts.Identifier, isShorthand: boolean) => {
+ const text = getNodeText(ts, id, ast);
+ if (!shouldIdentifierSkipped(ctx, text, destructuredPropNames)) {
+ ctxVars.push({
+ text,
+ offset: getStartEnd(ts, id, ast).start,
+ isShorthand,
+ });
}
- }
- };
- ts.forEachChild(ast, node => walkIdentifiers(ts, node, ast, varCb, ctx));
+ };
+ ts.forEachChild(ast, node => walkIdentifiers(ts, node, ast, varCb, ctx));
+ }
ctxVars = ctxVars.sort((a, b) => a.offset - b.offset);
if (ctxVars.length) {
-
- if (ctxVars[0].isShorthand) {
- yield [code.substring(0, ctxVars[0].offset + ctxVars[0].text.length), 0];
- yield [': ', undefined];
- }
- else if (ctxVars[0].offset > 0) {
- yield [code.substring(0, ctxVars[0].offset), 0, 'startText'];
- }
-
- for (let i = 0; i < ctxVars.length - 1; i++) {
+ for (let i = 0; i < ctxVars.length; i++) {
+ const lastVar = ctxVars[i - 1];
const curVar = ctxVars[i];
- const nextVar = ctxVars[i + 1];
-
- yield* generateVar(code, destructuredPropNames, templateRefNames, curVar, nextVar);
+ const lastVarEnd = lastVar ? lastVar.offset + lastVar.text.length : 0;
- if (nextVar.isShorthand) {
- yield [code.substring(curVar.offset + curVar.text.length, nextVar.offset + nextVar.text.length), curVar.offset + curVar.text.length];
+ if (curVar.isShorthand) {
+ yield [code.slice(lastVarEnd, curVar.offset + curVar.text.length), lastVarEnd];
yield [': ', undefined];
}
else {
- yield [code.substring(curVar.offset + curVar.text.length, nextVar.offset), curVar.offset + curVar.text.length];
+ yield [code.slice(lastVarEnd, curVar.offset), lastVarEnd, i ? undefined : 'startText'];
}
+ yield* generateVar(templateRefNames, ctx, code, offset, curVar);
}
const lastVar = ctxVars.at(-1)!;
- yield* generateVar(code, destructuredPropNames, templateRefNames, lastVar);
if (lastVar.offset + lastVar.text.length < code.length) {
- yield [code.substring(lastVar.offset + lastVar.text.length), lastVar.offset + lastVar.text.length, 'endText'];
+ yield [code.slice(lastVar.offset + lastVar.text.length), lastVar.offset + lastVar.text.length, 'endText'];
}
}
else {
@@ -151,36 +151,35 @@ export function* forEachInterpolationSegment(
}
function* generateVar(
- code: string,
- destructuredPropNames: Set | undefined,
templateRefNames: Set | undefined,
- curVar: {
- text: string,
- isShorthand: boolean,
- offset: number,
- },
- nextVar: {
- text: string,
- isShorthand: boolean,
- offset: number,
- } = curVar
-): Generator<[fragment: string, offset: number | undefined, type?: 'errorMappingOnly']> {
+ ctx: TemplateCodegenContext,
+ code: string,
+ offset: number | undefined,
+ curVar: CtxVar
+): Generator {
// fix https://github.com/vuejs/language-tools/issues/1205
// fix https://github.com/vuejs/language-tools/issues/1264
- yield ['', nextVar.offset, 'errorMappingOnly'];
+ yield ['', curVar.offset, 'errorMappingOnly'];
- const isDestructuredProp = destructuredPropNames?.has(curVar.text) ?? false;
const isTemplateRef = templateRefNames?.has(curVar.text) ?? false;
if (isTemplateRef) {
yield [`__VLS_unref(`, undefined];
- yield [code.substring(curVar.offset, curVar.offset + curVar.text.length), curVar.offset];
+ yield [code.slice(curVar.offset, curVar.offset + curVar.text.length), curVar.offset];
yield [`)`, undefined];
}
else {
- if (!isDestructuredProp) {
- yield [`__VLS_ctx.`, undefined];
+ if (offset !== undefined) {
+ ctx.accessExternalVariable(curVar.text, offset + curVar.offset);
}
- yield [code.substring(curVar.offset, curVar.offset + curVar.text.length), curVar.offset];
+ else {
+ ctx.accessExternalVariable(curVar.text);
+ }
+
+ if (ctx.dollarVars.has(curVar.text)) {
+ yield [`__VLS_dollars.`, undefined];
+ }
+ yield [`__VLS_ctx.`, undefined];
+ yield [code.slice(curVar.offset, curVar.offset + curVar.text.length), curVar.offset];
}
}
@@ -304,3 +303,17 @@ function walkIdentifiersInTypeReference(
ts.forEachChild(node, node => walkIdentifiersInTypeReference(ts, node, cb));
}
}
+
+function shouldIdentifierSkipped(
+ ctx: TemplateCodegenContext,
+ text: string,
+ destructuredPropNames: Set | undefined
+) {
+ return ctx.hasLocalVariable(text)
+ // https://github.com/vuejs/core/blob/245230e135152900189f13a4281302de45fdcfaa/packages/compiler-core/src/transforms/transformExpression.ts#L342-L352
+ || isGloballyAllowed(text)
+ || isLiteralWhitelisted(text)
+ || text === 'require'
+ || text.startsWith('__VLS_')
+ || destructuredPropNames?.has(text);
+}
diff --git a/packages/language-core/lib/codegen/template/objectProperty.ts b/packages/language-core/lib/codegen/template/objectProperty.ts
index 812943c8da..261e645062 100644
--- a/packages/language-core/lib/codegen/template/objectProperty.ts
+++ b/packages/language-core/lib/codegen/template/objectProperty.ts
@@ -1,11 +1,12 @@
import { camelize } from '@vue/shared';
import type { Code, VueCodeInformation } from '../../types';
-import { combineLastMapping, variableNameRegex, wrapWith } from '../common';
-import { generateCamelized } from './camelized';
+import { combineLastMapping, identifierRegex } from '../utils';
+import { generateCamelized } from '../utils/camelized';
+import { generateStringLiteralKey } from '../utils/stringLiteralKey';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
-import { generateStringLiteralKey } from './stringLiteralKey';
export function* generateObjectProperty(
options: TemplateCodegenOptions,
@@ -22,35 +23,44 @@ export function* generateObjectProperty(
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ features,
code.slice(1, -1),
- astHolder,
offset + 1,
- features,
+ astHolder,
`[__VLS_tryAsConstant(`,
`)]`
);
}
else {
- yield* generateInterpolation(options, ctx, code, astHolder, offset, features, '', '');
+ yield* generateInterpolation(
+ options,
+ ctx,
+ 'template',
+ features,
+ code,
+ offset,
+ astHolder
+ );
}
}
else if (shouldCamelize) {
- if (variableNameRegex.test(camelize(code))) {
- yield* generateCamelized(code, offset, features);
+ if (identifierRegex.test(camelize(code))) {
+ yield* generateCamelized(code, 'template', offset, features);
}
else {
yield* wrapWith(
offset,
offset + code.length,
features,
- `"`,
- ...generateCamelized(code, offset, combineLastMapping),
- `"`
+ `'`,
+ ...generateCamelized(code, 'template', offset, combineLastMapping),
+ `'`
);
}
}
else {
- if (variableNameRegex.test(code)) {
+ if (identifierRegex.test(code)) {
yield [code, 'template', offset, features];
}
else {
diff --git a/packages/language-core/lib/codegen/template/propertyAccess.ts b/packages/language-core/lib/codegen/template/propertyAccess.ts
index d763ae41e6..3c9a5fedd1 100644
--- a/packages/language-core/lib/codegen/template/propertyAccess.ts
+++ b/packages/language-core/lib/codegen/template/propertyAccess.ts
@@ -1,9 +1,9 @@
import type { Code, VueCodeInformation } from '../../types';
-import { variableNameRegex } from '../common';
+import { identifierRegex } from '../utils';
+import { generateStringLiteralKey } from '../utils/stringLiteralKey';
import type { TemplateCodegenContext } from './context';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
-import { generateStringLiteralKey } from './stringLiteralKey';
export function* generatePropertyAccess(
options: TemplateCodegenOptions,
@@ -13,7 +13,7 @@ export function* generatePropertyAccess(
features?: VueCodeInformation,
astHolder?: any
): Generator {
- if (!options.compilerOptions.noPropertyAccessFromIndexSignature && variableNameRegex.test(code)) {
+ if (!options.compilerOptions.noPropertyAccessFromIndexSignature && identifierRegex.test(code)) {
yield `.`;
yield offset !== undefined && features
? [code, 'template', offset, features]
@@ -23,12 +23,11 @@ export function* generatePropertyAccess(
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ features,
code,
- astHolder,
offset,
- features,
- '',
- ''
+ astHolder
);
}
else {
diff --git a/packages/language-core/lib/codegen/template/slotOutlet.ts b/packages/language-core/lib/codegen/template/slotOutlet.ts
index 021d51faf7..fcfb531a00 100644
--- a/packages/language-core/lib/codegen/template/slotOutlet.ts
+++ b/packages/language-core/lib/codegen/template/slotOutlet.ts
@@ -1,22 +1,23 @@
import * as CompilerDOM from '@vue/compiler-dom';
import type { Code } from '../../types';
-import { endOfLine, newLine, wrapWith } from '../common';
+import { createVBindShorthandInlayHintInfo } from '../inlayHints';
+import { endOfLine, newLine } from '../utils';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
import { generateElementChildren } from './elementChildren';
-import { generateElementProps } from './elementProps';
+import { generateElementProps, generatePropExp } from './elementProps';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
-import { createVBindShorthandInlayHintInfo } from '../inlayHints';
+import { generatePropertyAccess } from './propertyAccess';
export function* generateSlotOutlet(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.SlotOutletNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string | undefined
+ node: CompilerDOM.SlotOutletNode
): Generator {
- const startTagOffset = node.loc.start.offset + options.template.content.substring(node.loc.start.offset).indexOf(node.tag);
- const varSlot = ctx.getInternalVariable();
+ const startTagOffset = node.loc.start.offset + options.template.content.slice(node.loc.start.offset).indexOf(node.tag);
+ const startTagEndOffset = startTagOffset + node.tag.length;
+ const propsVar = ctx.getInternalVariable();
const nameProp = node.props.find(prop => {
if (prop.type === CompilerDOM.NodeTypes.ATTRIBUTE) {
return prop.name === 'name';
@@ -31,38 +32,93 @@ export function* generateSlotOutlet(
});
if (options.hasDefineSlots) {
- yield `__VLS_normalizeSlot(`;
- yield* wrapWith(
- node.loc.start.offset,
- node.loc.end.offset,
- ctx.codeFeatures.verification,
- `${options.slotsAssignName ?? '__VLS_slots'}[`,
- ...wrapWith(
- node.loc.start.offset,
- node.loc.end.offset,
+ yield `__VLS_asFunctionalSlot(`;
+ if (nameProp) {
+ let codes: Generator | Code[];
+ if (nameProp.type === CompilerDOM.NodeTypes.ATTRIBUTE && nameProp.value) {
+ let { source, start: { offset } } = nameProp.value.loc;
+ if (source.startsWith('"') || source.startsWith("'")) {
+ source = source.slice(1, -1);
+ offset++;
+ }
+ codes = generatePropertyAccess(
+ options,
+ ctx,
+ source,
+ offset,
+ ctx.codeFeatures.navigationAndVerification
+ );
+ }
+ else if (
+ nameProp.type === CompilerDOM.NodeTypes.DIRECTIVE
+ && nameProp.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+ ) {
+ codes = [
+ `[`,
+ ...generatePropExp(
+ options,
+ ctx,
+ nameProp,
+ nameProp.exp
+ ),
+ `]`
+ ];
+ }
+ else {
+ codes = [`['default']`];
+ }
+
+ yield* wrapWith(
+ nameProp.loc.start.offset,
+ nameProp.loc.end.offset,
ctx.codeFeatures.verification,
- nameProp?.type === CompilerDOM.NodeTypes.ATTRIBUTE && nameProp.value
- ? `'${nameProp.value.content}'`
- : nameProp?.type === CompilerDOM.NodeTypes.DIRECTIVE && nameProp.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
- ? nameProp.exp.content
- : `('default' as const)`
- ),
- `]`
- );
- yield `)?.(`;
+ `${options.slotsAssignName ?? '__VLS_slots'}`,
+ ...codes
+ );
+ }
+ else {
+ yield* wrapWith(
+ startTagOffset,
+ startTagEndOffset,
+ ctx.codeFeatures.verification,
+ `${options.slotsAssignName ?? '__VLS_slots'}[`,
+ ...wrapWith(
+ startTagOffset,
+ startTagEndOffset,
+ ctx.codeFeatures.verification,
+ `'default'`
+ ),
+ `]`
+ );
+ }
+ yield `)(`;
yield* wrapWith(
startTagOffset,
- startTagOffset + node.tag.length,
+ startTagEndOffset,
ctx.codeFeatures.verification,
`{${newLine}`,
- ...generateElementProps(options, ctx, node, node.props.filter(prop => prop !== nameProp), true),
+ ...generateElementProps(
+ options,
+ ctx,
+ node,
+ node.props.filter(prop => prop !== nameProp),
+ true,
+ true
+ ),
`}`
);
yield `)${endOfLine}`;
}
else {
- yield `var ${varSlot} = {${newLine}`;
- yield* generateElementProps(options, ctx, node, node.props.filter(prop => prop !== nameProp), true);
+ yield `var ${propsVar} = {${newLine}`;
+ yield* generateElementProps(
+ options,
+ ctx,
+ node,
+ node.props.filter(prop => prop !== nameProp),
+ options.vueCompilerOptions.checkUnknownProps,
+ true
+ );
yield `}${endOfLine}`;
if (
@@ -71,10 +127,10 @@ export function* generateSlotOutlet(
) {
ctx.slots.push({
name: nameProp.value.content,
- loc: nameProp.loc.start.offset + nameProp.loc.source.indexOf(nameProp.value.content, nameProp.name.length),
+ offset: nameProp.loc.start.offset + nameProp.loc.source.indexOf(nameProp.value.content, nameProp.name.length),
tagRange: [startTagOffset, startTagOffset + node.tag.length],
- varName: varSlot,
nodeLoc: node.loc,
+ propsVar: ctx.getHoistVariable(propsVar),
});
}
else if (
@@ -85,33 +141,31 @@ export function* generateSlotOutlet(
if (isShortHand) {
ctx.inlayHints.push(createVBindShorthandInlayHintInfo(nameProp.exp.loc, 'name'));
}
- const slotExpVar = ctx.getInternalVariable();
- yield `var ${slotExpVar} = `;
+ const expVar = ctx.getInternalVariable();
+ yield `var ${expVar} = __VLS_tryAsConstant(`;
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
nameProp.exp.content,
- nameProp.exp,
nameProp.exp.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
+ nameProp.exp
);
- yield ` as const${endOfLine}`;
+ yield `)${endOfLine}`;
ctx.dynamicSlots.push({
- expVar: slotExpVar,
- varName: varSlot,
+ expVar: ctx.getHoistVariable(expVar),
+ propsVar: ctx.getHoistVariable(propsVar),
});
}
else {
ctx.slots.push({
name: 'default',
- tagRange: [startTagOffset, startTagOffset + node.tag.length],
- varName: varSlot,
+ tagRange: [startTagOffset, startTagEndOffset],
nodeLoc: node.loc,
+ propsVar: ctx.getHoistVariable(propsVar),
});
}
}
- yield* ctx.generateAutoImportCompletion();
- yield* generateElementChildren(options, ctx, node, currentComponent, componentCtxVar);
+ yield* generateElementChildren(options, ctx, node.children);
}
diff --git a/packages/language-core/lib/codegen/template/styleScopedClasses.ts b/packages/language-core/lib/codegen/template/styleScopedClasses.ts
index fe1777866b..6ef2a2104b 100644
--- a/packages/language-core/lib/codegen/template/styleScopedClasses.ts
+++ b/packages/language-core/lib/codegen/template/styleScopedClasses.ts
@@ -1,80 +1,216 @@
+import * as CompilerDOM from '@vue/compiler-dom';
+import type * as ts from 'typescript';
import type { Code } from '../../types';
+import { getNodeText } from '../../utils/shared';
+import { endOfLine, normalizeAttributeValue } from '../utils';
+import { generateEscaped } from '../utils/escaped';
+import { wrapWith } from '../utils/wrapWith';
import type { TemplateCodegenContext } from './context';
-import { endOfLine, newLine } from '../common';
+import type { TemplateCodegenOptions } from './index';
-export function* generateStyleScopedClasses(
+const classNameEscapeRegex = /([\\'])/;
+
+export function* generateStyleScopedClassReferences(
ctx: TemplateCodegenContext,
withDot = false
): Generator {
for (const offset of ctx.emptyClassOffsets) {
- yield `__VLS_styleScopedClasses['`;
+ yield `/** @type {__VLS_StyleScopedClasses['`;
yield [
'',
'template',
offset,
ctx.codeFeatures.additionalCompletion,
];
- yield `']${endOfLine}`;
+ yield `']} */${endOfLine}`;
}
for (const { source, className, offset } of ctx.scopedClasses) {
- yield `__VLS_styleScopedClasses[`;
- yield [
- '',
- source,
+ yield `/** @type {__VLS_StyleScopedClasses[`;
+ yield* wrapWith(
offset - (withDot ? 1 : 0),
- ctx.codeFeatures.navigation,
- ];
- yield `'`;
-
- // fix https://github.com/vuejs/language-tools/issues/4537
- yield* escapeString(source, className, offset, ['\\', '\'']);
- yield `'`;
- yield [
- '',
- source,
offset + className.length,
- ctx.codeFeatures.navigationWithoutRename,
- ];
- yield `]${endOfLine}`;
+ source,
+ ctx.codeFeatures.navigation,
+ `'`,
+ ...generateEscaped(
+ className,
+ source,
+ offset,
+ ctx.codeFeatures.navigationAndAdditionalCompletion,
+ classNameEscapeRegex
+ ),
+ `'`
+ );
+ yield `]} */${endOfLine}`;
}
- yield newLine;
-
- function* escapeString(source: string, className: string, offset: number, escapeTargets: string[]): Generator {
- let count = 0;
-
- const currentEscapeTargets = [...escapeTargets];
- const firstEscapeTarget = currentEscapeTargets.shift()!;
- const splitted = className.split(firstEscapeTarget);
-
- for (let i = 0; i < splitted.length; i++) {
- const part = splitted[i];
- const partLength = part.length;
-
- if (escapeTargets.length > 0) {
- yield* escapeString(source, part, offset + count, [...currentEscapeTargets]);
- } else {
- yield [
- part,
- source,
- offset + count,
- ctx.codeFeatures.navigationAndAdditionalCompletion,
- ];
+}
+
+export function collectStyleScopedClassReferences(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext,
+ node: CompilerDOM.ElementNode
+) {
+ for (const prop of node.props) {
+ if (
+ prop.type === CompilerDOM.NodeTypes.ATTRIBUTE
+ && prop.name === 'class'
+ && prop.value
+ ) {
+ if (options.template.lang === 'pug') {
+ const getClassOffset = Reflect.get(prop.value.loc.start, 'getClassOffset') as (offset: number) => number;
+ const content = prop.value.loc.source.slice(1, -1);
+
+ let startOffset = 1;
+ for (const className of content.split(' ')) {
+ if (className) {
+ ctx.scopedClasses.push({
+ source: 'template',
+ className,
+ offset: getClassOffset(startOffset),
+ });
+ }
+ startOffset += className.length + 1;
+ }
}
+ else {
+ let isWrapped = false;
+ const [content, startOffset] = normalizeAttributeValue(prop.value);
+ if (content) {
+ const classes = collectClasses(content, startOffset + (isWrapped ? 1 : 0));
+ ctx.scopedClasses.push(...classes);
+ }
+ else {
+ ctx.emptyClassOffsets.push(startOffset);
+ }
+ }
+ }
+ else if (
+ prop.type === CompilerDOM.NodeTypes.DIRECTIVE
+ && prop.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+ && prop.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION
+ && prop.arg.content === 'class'
+ ) {
+ const content = '`${' + prop.exp.content + '}`';
+ const startOffset = prop.exp.loc.start.offset - 3;
- if (i !== splitted.length - 1) {
- yield '\\';
+ const { ts } = options;
+ const ast = ts.createSourceFile('', content, 99 satisfies ts.ScriptTarget.Latest);
+ const literals: ts.StringLiteralLike[] = [];
- yield [
- firstEscapeTarget,
- source,
- offset + count + partLength,
- ctx.codeFeatures.navigationAndAdditionalCompletion,
- ];
+ ts.forEachChild(ast, node => {
+ if (
+ !ts.isExpressionStatement(node) ||
+ !isTemplateExpression(node.expression)
+ ) {
+ return;
+ }
- count += partLength + 1;
- } else {
- count += partLength;
+ const expression = node.expression.templateSpans[0].expression;
+
+ if (ts.isStringLiteralLike(expression)) {
+ literals.push(expression);
+ }
+
+ if (ts.isArrayLiteralExpression(expression)) {
+ walkArrayLiteral(expression);
+ }
+
+ if (ts.isObjectLiteralExpression(expression)) {
+ walkObjectLiteral(expression);
+ }
+ });
+
+ for (const literal of literals) {
+ if (literal.text) {
+ const classes = collectClasses(
+ literal.text,
+ literal.end - literal.text.length - 1 + startOffset
+ );
+ ctx.scopedClasses.push(...classes);
+ }
+ else {
+ ctx.emptyClassOffsets.push(literal.end - 1 + startOffset);
+ }
}
+
+ function walkArrayLiteral(node: ts.ArrayLiteralExpression) {
+ const { elements } = node;
+ for (const element of elements) {
+ if (ts.isStringLiteralLike(element)) {
+ literals.push(element);
+ }
+ else if (ts.isObjectLiteralExpression(element)) {
+ walkObjectLiteral(element);
+ }
+ }
+ }
+
+ function walkObjectLiteral(node: ts.ObjectLiteralExpression) {
+ const { properties } = node;
+ for (const property of properties) {
+ if (ts.isPropertyAssignment(property)) {
+ const { name } = property;
+ if (ts.isIdentifier(name)) {
+ walkIdentifier(name);
+ }
+ else if (ts.isStringLiteral(name)) {
+ literals.push(name);
+ }
+ else if (ts.isComputedPropertyName(name)) {
+ const { expression } = name;
+ if (ts.isStringLiteralLike(expression)) {
+ literals.push(expression);
+ }
+ }
+ }
+ else if (ts.isShorthandPropertyAssignment(property)) {
+ walkIdentifier(property.name);
+ }
+ }
+ }
+
+ function walkIdentifier(node: ts.Identifier) {
+ const text = getNodeText(ts, node, ast);
+ ctx.scopedClasses.push({
+ source: 'template',
+ className: text,
+ offset: node.end - text.length + startOffset
+ });
+ }
+ }
+ }
+}
+
+function collectClasses(content: string, startOffset = 0) {
+ const classes: {
+ source: string;
+ className: string;
+ offset: number;
+ }[] = [];
+
+ let currentClassName = '';
+ let offset = 0;
+ for (const char of (content + ' ')) {
+ if (char.trim() === '') {
+ if (currentClassName !== '') {
+ classes.push({
+ source: 'template',
+ className: currentClassName,
+ offset: offset + startOffset
+ });
+ offset += currentClassName.length;
+ currentClassName = '';
+ }
+ offset += char.length;
+ }
+ else {
+ currentClassName += char;
}
}
-}
\ No newline at end of file
+ return classes;
+}
+
+// isTemplateExpression is missing in tsc
+function isTemplateExpression(node: ts.Node): node is ts.TemplateExpression {
+ return node.kind === 228 satisfies ts.SyntaxKind.TemplateExpression;
+}
diff --git a/packages/language-core/lib/codegen/template/templateChild.ts b/packages/language-core/lib/codegen/template/templateChild.ts
index c7df01b522..dc872460df 100644
--- a/packages/language-core/lib/codegen/template/templateChild.ts
+++ b/packages/language-core/lib/codegen/template/templateChild.ts
@@ -1,13 +1,16 @@
import * as CompilerDOM from '@vue/compiler-dom';
import type { Code } from '../../types';
-import { endOfLine, newLine } from '../common';
+import { hyphenateTag } from '../../utils/shared';
+import { endOfLine } from '../utils';
import type { TemplateCodegenContext } from './context';
import { generateComponent, generateElement } from './element';
+import { generateElementChildren } from './elementChildren';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
import { generateSlotOutlet } from './slotOutlet';
import { generateVFor } from './vFor';
import { generateVIf } from './vIf';
+import { generateVSlot } from './vSlot';
// @ts-ignore
const transformContext: CompilerDOM.TransformContext = {
@@ -29,78 +32,64 @@ export function* generateTemplateChild(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
node: CompilerDOM.RootNode | CompilerDOM.TemplateChildNode | CompilerDOM.SimpleExpressionNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- prevNode: CompilerDOM.TemplateChildNode | undefined,
- componentCtxVar: string | undefined,
- isVForChild: boolean = false
+ enterNode: boolean = true
): Generator {
- if (prevNode?.type === CompilerDOM.NodeTypes.COMMENT) {
- const commentText = prevNode.content.trim().split(' ')[0];
- if (commentText.match(/^@vue-skip\b[\s\S]*/)) {
- yield `// @vue-skip${newLine}`;
- return;
- }
- else if (commentText.match(/^@vue-ignore\b[\s\S]*/)) {
- yield* ctx.ignoreError();
- }
- else if (commentText.match(/^@vue-expect-error\b[\s\S]*/)) {
- yield* ctx.expectError(prevNode);
- }
+ if (enterNode && !ctx.enter(node)) {
+ return;
}
- const shouldInheritRootNodeAttrs = options.inheritAttrs;
-
const cur = node as CompilerDOM.ElementNode | CompilerDOM.IfNode | CompilerDOM.ForNode;
if (cur.codegenNode?.type === CompilerDOM.NodeTypes.JS_CACHE_EXPRESSION) {
cur.codegenNode = cur.codegenNode.value as any;
}
if (node.type === CompilerDOM.NodeTypes.ROOT) {
- let prev: CompilerDOM.TemplateChildNode | undefined;
- if (shouldInheritRootNodeAttrs && node.children.length === 1 && node.children[0].type === CompilerDOM.NodeTypes.ELEMENT) {
- ctx.singleRootNode = node.children[0];
+ for (const item of collectSingleRootNodes(options, node.children)) {
+ ctx.singleRootNodes.add(item);
}
- for (const childNode of node.children) {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, prev, componentCtxVar);
- prev = childNode;
- }
- yield* ctx.resetDirectiveComments('end of root');
+ yield* generateElementChildren(options, ctx, node.children);
}
else if (node.type === CompilerDOM.NodeTypes.ELEMENT) {
const vForNode = getVForNode(node);
const vIfNode = getVIfNode(node);
if (vForNode) {
- yield* generateVFor(options, ctx, vForNode, currentComponent, componentCtxVar);
+ yield* generateVFor(options, ctx, vForNode);
}
else if (vIfNode) {
- yield* generateVIf(options, ctx, vIfNode, currentComponent, componentCtxVar);
+ yield* generateVIf(options, ctx, vIfNode);
+ }
+ else if (node.tagType === CompilerDOM.ElementTypes.SLOT) {
+ yield* generateSlotOutlet(options, ctx, node);
}
else {
- if (node.tagType === CompilerDOM.ElementTypes.SLOT) {
- yield* generateSlotOutlet(options, ctx, node, currentComponent, componentCtxVar);
+ const slotDir = node.props.find(p => p.type === CompilerDOM.NodeTypes.DIRECTIVE && p.name === 'slot') as CompilerDOM.DirectiveNode;
+ if (
+ node.tagType === CompilerDOM.ElementTypes.TEMPLATE
+ && ctx.currentComponent
+ && slotDir
+ ) {
+ yield* generateVSlot(options, ctx, node, slotDir);
}
else if (
node.tagType === CompilerDOM.ElementTypes.ELEMENT
|| node.tagType === CompilerDOM.ElementTypes.TEMPLATE
) {
- yield* generateElement(options, ctx, node, currentComponent, componentCtxVar, isVForChild);
+ yield* generateElement(options, ctx, node);
}
else {
- yield* generateComponent(options, ctx, node, currentComponent);
+ const { currentComponent } = ctx;
+ yield* generateComponent(options, ctx, node);
+ ctx.currentComponent = currentComponent;
}
}
}
else if (node.type === CompilerDOM.NodeTypes.TEXT_CALL) {
// {{ var }}
- yield* generateTemplateChild(options, ctx, node.content, currentComponent, undefined, componentCtxVar);
+ yield* generateTemplateChild(options, ctx, node.content, false);
}
else if (node.type === CompilerDOM.NodeTypes.COMPOUND_EXPRESSION) {
// {{ ... }} {{ ... }}
- for (const childNode of node.children) {
- if (typeof childNode === 'object') {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, undefined, componentCtxVar);
- }
- }
+ yield* generateElementChildren(options, ctx, node.children.filter(child => typeof child === 'object'), false);
}
else if (node.type === CompilerDOM.NodeTypes.INTERPOLATION) {
// {{ ... }}
@@ -108,26 +97,60 @@ export function* generateTemplateChild(
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
content,
- node.content.loc,
start,
- ctx.codeFeatures.all,
+ node.content.loc,
`(`,
`)${endOfLine}`
);
- yield* ctx.resetDirectiveComments('end of INTERPOLATION');
}
else if (node.type === CompilerDOM.NodeTypes.IF) {
// v-if / v-else-if / v-else
- yield* generateVIf(options, ctx, node, currentComponent, componentCtxVar);
+ yield* generateVIf(options, ctx, node);
}
else if (node.type === CompilerDOM.NodeTypes.FOR) {
// v-for
- yield* generateVFor(options, ctx, node, currentComponent, componentCtxVar);
+ yield* generateVFor(options, ctx, node);
}
else if (node.type === CompilerDOM.NodeTypes.TEXT) {
// not needed progress
}
+
+ if (enterNode) {
+ yield* ctx.exit();
+ }
+}
+
+function* collectSingleRootNodes(
+ options: TemplateCodegenOptions,
+ children: CompilerDOM.TemplateChildNode[]
+): Generator {
+ if (children.length !== 1) {
+ // "null" is used to determine whether the component is not always has a single root
+ if (children.length > 1) {
+ yield null;
+ }
+ return;
+ }
+
+ const child = children[0];
+ if (child.type === CompilerDOM.NodeTypes.IF) {
+ for (const branch of child.branches) {
+ yield* collectSingleRootNodes(options, branch.children);
+ }
+ return;
+ }
+ else if (child.type !== CompilerDOM.NodeTypes.ELEMENT) {
+ return;
+ }
+ yield child;
+
+ const tag = hyphenateTag(child.tag);
+ if (options.vueCompilerOptions.fallthroughComponentNames.includes(tag)) {
+ yield* collectSingleRootNodes(options, child.children);
+ }
}
// TODO: track https://github.com/vuejs/vue-next/issues/3498
@@ -154,14 +177,14 @@ export function getVForNode(node: CompilerDOM.ElementNode) {
}
function getVIfNode(node: CompilerDOM.ElementNode) {
- const forDirective = node.props.find(
+ const ifDirective = node.props.find(
(prop): prop is CompilerDOM.DirectiveNode =>
prop.type === CompilerDOM.NodeTypes.DIRECTIVE
&& prop.name === 'if'
);
- if (forDirective) {
+ if (ifDirective) {
let ifNode: CompilerDOM.IfNode | undefined;
- CompilerDOM.processIf(node, forDirective, transformContext, _ifNode => {
+ CompilerDOM.processIf(node, ifDirective, transformContext, _ifNode => {
ifNode = { ..._ifNode };
return undefined;
});
@@ -169,7 +192,7 @@ function getVIfNode(node: CompilerDOM.ElementNode) {
for (const branch of ifNode.branches) {
branch.children = [{
...node,
- props: node.props.filter(prop => prop !== forDirective),
+ props: node.props.filter(prop => prop !== ifDirective),
}];
}
return ifNode;
@@ -184,11 +207,11 @@ export function parseInterpolationNode(node: CompilerDOM.InterpolationNode, temp
let rightCharacter: string;
// fix https://github.com/vuejs/language-tools/issues/1787
- while ((leftCharacter = template.substring(start - 1, start)).trim() === '' && leftCharacter.length) {
+ while ((leftCharacter = template.slice(start - 1, start)).trim() === '' && leftCharacter.length) {
start--;
content = leftCharacter + content;
}
- while ((rightCharacter = template.substring(start + content.length, start + content.length + 1)).trim() === '' && rightCharacter.length) {
+ while ((rightCharacter = template.slice(start + content.length, start + content.length + 1)).trim() === '' && rightCharacter.length) {
content = content + rightCharacter;
}
diff --git a/packages/language-core/lib/codegen/template/vFor.ts b/packages/language-core/lib/codegen/template/vFor.ts
index 14e5941ac8..a3a71b6760 100644
--- a/packages/language-core/lib/codegen/template/vFor.ts
+++ b/packages/language-core/lib/codegen/template/vFor.ts
@@ -1,17 +1,15 @@
import * as CompilerDOM from '@vue/compiler-dom';
import type { Code } from '../../types';
-import { collectVars, createTsAst, endOfLine, newLine } from '../common';
+import { collectVars, createTsAst, endOfLine, newLine } from '../utils';
import type { TemplateCodegenContext } from './context';
+import { generateElementChildren } from './elementChildren';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
-import { generateTemplateChild } from './templateChild';
export function* generateVFor(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.ForNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string | undefined
+ node: CompilerDOM.ForNode
): Generator {
const { source } = node.parseResult;
const { leftExpressionRange, leftExpressionText } = parseVForNode(node);
@@ -34,12 +32,13 @@ export function* generateVFor(
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
source.content,
- source.loc,
source.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
+ source.loc,
+ `(`,
+ `)`
);
yield `!)`; // #3102
}
@@ -47,9 +46,11 @@ export function* generateVFor(
yield `{} as any`;
}
yield `) {${newLine}`;
+
for (const varName of forBlockVars) {
ctx.addLocalVariable(varName);
}
+
let isFragment = true;
for (const argument of node.codegenNode?.children.arguments ?? []) {
if (
@@ -69,30 +70,28 @@ export function* generateVFor(
yield* generateInterpolation(
options,
ctx,
+ 'template',
+ ctx.codeFeatures.all,
prop.value.content,
- prop.value.loc,
prop.value.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
+ prop.value.loc,
+ `(`,
+ `)`
);
yield endOfLine;
}
}
}
}
- if (isFragment) {
- yield* ctx.resetDirectiveComments('end of v-for start');
- }
- let prev: CompilerDOM.TemplateChildNode | undefined;
- for (const childNode of node.children) {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, prev, componentCtxVar, true);
- prev = childNode;
- }
+
+ const { inVFor } = ctx;
+ ctx.inVFor = true;
+ yield* generateElementChildren(options, ctx, node.children, isFragment);
+ ctx.inVFor = inVFor;
+
for (const varName of forBlockVars) {
ctx.removeLocalVariable(varName);
}
- yield* ctx.generateAutoImportCompletion();
yield `}${newLine}`;
}
@@ -105,7 +104,7 @@ export function parseVForNode(node: CompilerDOM.ForNode) {
}
: undefined;
const leftExpressionText = leftExpressionRange
- ? node.loc.source.substring(
+ ? node.loc.source.slice(
leftExpressionRange.start - node.loc.start.offset,
leftExpressionRange.end - node.loc.start.offset
)
diff --git a/packages/language-core/lib/codegen/template/vIf.ts b/packages/language-core/lib/codegen/template/vIf.ts
index e12e14b215..edf01a24dc 100644
--- a/packages/language-core/lib/codegen/template/vIf.ts
+++ b/packages/language-core/lib/codegen/template/vIf.ts
@@ -1,21 +1,19 @@
import * as CompilerDOM from '@vue/compiler-dom';
import { toString } from 'muggle-string';
import type { Code } from '../../types';
-import { newLine } from '../common';
+import { newLine } from '../utils';
import type { TemplateCodegenContext } from './context';
+import { generateElementChildren } from './elementChildren';
import type { TemplateCodegenOptions } from './index';
import { generateInterpolation } from './interpolation';
-import { generateTemplateChild } from './templateChild';
export function* generateVIf(
options: TemplateCodegenOptions,
ctx: TemplateCodegenContext,
- node: CompilerDOM.IfNode,
- currentComponent: CompilerDOM.ElementNode | undefined,
- componentCtxVar: string | undefined
+ node: CompilerDOM.IfNode
): Generator {
- let originalBlockConditionsLength = ctx.blockConditions.length;
+ const originalBlockConditionsLength = ctx.blockConditions.length;
for (let i = 0; i < node.branches.length; i++) {
@@ -34,40 +32,29 @@ export function* generateVIf(
let addedBlockCondition = false;
if (branch.condition?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
- const codes = [
- ...generateInterpolation(
- options,
- ctx,
- branch.condition.content,
- branch.condition.loc,
- branch.condition.loc.start.offset,
- ctx.codeFeatures.all,
- '(',
- ')'
- ),
- ];
- for (const code of codes) {
- yield code;
- }
+ const codes = [...generateInterpolation(
+ options,
+ ctx,
+ 'template',
+ ctx.codeFeatures.all,
+ branch.condition.content,
+ branch.condition.loc.start.offset,
+ branch.condition.loc,
+ `(`,
+ `)`
+ )];
+ yield* codes;
ctx.blockConditions.push(toString(codes));
addedBlockCondition = true;
yield ` `;
}
yield `{${newLine}`;
- if (isFragment(node)) {
- yield* ctx.resetDirectiveComments('end of v-if start');
- }
- let prev: CompilerDOM.TemplateChildNode | undefined;
- for (const childNode of branch.children) {
- yield* generateTemplateChild(options, ctx, childNode, currentComponent, prev, componentCtxVar);
- prev = childNode;
- }
- yield* ctx.generateAutoImportCompletion();
+ yield* generateElementChildren(options, ctx, branch.children, isFragment(node));
yield `}${newLine}`;
if (addedBlockCondition) {
- ctx.blockConditions[ctx.blockConditions.length - 1] = `!(${ctx.blockConditions[ctx.blockConditions.length - 1]})`;
+ ctx.blockConditions[ctx.blockConditions.length - 1] = `!${ctx.blockConditions[ctx.blockConditions.length - 1]}`;
}
}
diff --git a/packages/language-core/lib/codegen/template/vSlot.ts b/packages/language-core/lib/codegen/template/vSlot.ts
new file mode 100644
index 0000000000..5451d1d792
--- /dev/null
+++ b/packages/language-core/lib/codegen/template/vSlot.ts
@@ -0,0 +1,212 @@
+import * as CompilerDOM from '@vue/compiler-dom';
+import type * as ts from 'typescript';
+import type { Code } from '../../types';
+import { getStartEnd } from '../../utils/shared';
+import { collectVars, createTsAst, endOfLine, newLine } from '../utils';
+import { wrapWith } from '../utils/wrapWith';
+import type { TemplateCodegenContext } from './context';
+import { generateElementChildren } from './elementChildren';
+import type { TemplateCodegenOptions } from './index';
+import { generateObjectProperty } from './objectProperty';
+
+export function* generateVSlot(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext,
+ node: CompilerDOM.ElementNode,
+ slotDir: CompilerDOM.DirectiveNode | undefined
+): Generator {
+ if (!ctx.currentComponent) {
+ return;
+ }
+ const slotBlockVars: string[] = [];
+ const slotVar = ctx.getInternalVariable();
+
+ if (slotDir) {
+ yield `{${newLine}`;
+ }
+
+ if (slotDir || node.children.length) {
+ ctx.currentComponent.used = true;
+
+ yield `const { `;
+ if (slotDir) {
+ if (slotDir.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION && slotDir.arg.content) {
+ yield* generateObjectProperty(
+ options,
+ ctx,
+ slotDir.arg.loc.source,
+ slotDir.arg.loc.start.offset,
+ slotDir.arg.isStatic ? ctx.codeFeatures.withoutHighlight : ctx.codeFeatures.all,
+ slotDir.arg.loc,
+ false,
+ true
+ );
+ }
+ else {
+ yield* wrapWith(
+ slotDir.loc.start.offset,
+ slotDir.loc.start.offset + (slotDir.rawName?.length ?? 0),
+ ctx.codeFeatures.withoutHighlightAndCompletion,
+ `default`
+ );
+ }
+ }
+ else {
+ // #932: reference for implicit default slot
+ const { start, end } = getElementInnerLoc(options, node);
+ yield* wrapWith(
+ start,
+ end,
+ ctx.codeFeatures.navigation,
+ `default`
+ );
+ }
+ yield `: ${slotVar} } = ${ctx.currentComponent.ctxVar}.slots!${endOfLine}`;
+ }
+
+ if (slotDir?.exp?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
+ const slotAst = createTsAst(options.ts, slotDir, `(${slotDir.exp.content}) => {}`);
+ collectVars(options.ts, slotAst, slotAst, slotBlockVars);
+ yield* generateSlotParameters(options, ctx, slotAst, slotDir.exp, slotVar);
+ }
+
+ for (const varName of slotBlockVars) {
+ ctx.addLocalVariable(varName);
+ }
+
+ yield* generateElementChildren(options, ctx, node.children);
+
+ for (const varName of slotBlockVars) {
+ ctx.removeLocalVariable(varName);
+ }
+
+ if (options.vueCompilerOptions.strictSlotChildren && node.children.length) {
+ const { start, end } = getElementInnerLoc(options, node);
+ yield `(): __VLS_NormalizeSlotReturns => (`;
+ yield* wrapWith(
+ start,
+ end,
+ ctx.codeFeatures.verification,
+ `{} as [`,
+ ...ctx.currentComponent.childTypes.map(name => `${name}, `),
+ `]`
+ );
+ yield `)${endOfLine}`;
+ }
+
+ if (slotDir) {
+ let isStatic = true;
+ if (slotDir.arg?.type === CompilerDOM.NodeTypes.SIMPLE_EXPRESSION) {
+ isStatic = slotDir.arg.isStatic;
+ }
+ if (isStatic && !slotDir.arg) {
+ yield `${ctx.currentComponent.ctxVar}.slots!['`;
+ yield [
+ '',
+ 'template',
+ slotDir.loc.start.offset + (
+ slotDir.loc.source.startsWith('#')
+ ? '#'.length
+ : slotDir.loc.source.startsWith('v-slot:')
+ ? 'v-slot:'.length
+ : 0
+ ),
+ ctx.codeFeatures.completion,
+ ];
+ yield `'/* empty slot name completion */]${endOfLine}`;
+ }
+ yield `}${newLine}`;
+ }
+}
+
+function* generateSlotParameters(
+ options: TemplateCodegenOptions,
+ ctx: TemplateCodegenContext,
+ ast: ts.SourceFile,
+ exp: CompilerDOM.SimpleExpressionNode,
+ slotVar: string
+): Generator {
+ const { ts } = options;
+
+ const statement = ast.statements[0];
+ if (!ts.isExpressionStatement(statement) || !ts.isArrowFunction(statement.expression)) {
+ return;
+ }
+
+ const { expression } = statement;
+ const startOffset = exp.loc.start.offset - 1;
+ const modifies: [Code[], number, number][] = [];
+ const types: (Code | null)[] = [];
+
+ for (const { name, type } of expression.parameters) {
+ if (type) {
+ modifies.push([
+ [``],
+ name.end,
+ type.end,
+ ]);
+ types.push(chunk(getStartEnd(ts, type, ast).start, type.end));
+ }
+ else {
+ types.push(null);
+ }
+ }
+
+ yield `const [`;
+ let nextStart = 1;
+ for (const [codes, start, end] of modifies) {
+ yield chunk(nextStart, start);
+ yield* codes;
+ nextStart = end;
+ }
+ yield chunk(nextStart, expression.equalsGreaterThanToken.pos - 1);
+ yield `] = __VLS_getSlotParameters(${slotVar}`;
+
+ if (types.some(t => t)) {
+ yield `, `;
+ yield* wrapWith(
+ exp.loc.start.offset,
+ exp.loc.end.offset,
+ ctx.codeFeatures.verification,
+ `(`,
+ ...types.flatMap(type => type ? [`_: `, type, `, `] : `_, `),
+ `) => [] as any`
+ );
+ }
+ yield `)${endOfLine}`;
+
+ function chunk(start: number, end: number): Code {
+ return [
+ ast.text.slice(start, end),
+ 'template',
+ startOffset + start,
+ ctx.codeFeatures.all,
+ ];
+ }
+}
+
+function getElementInnerLoc(
+ options: TemplateCodegenOptions,
+ node: CompilerDOM.ElementNode
+) {
+ if (node.children.length) {
+ let start = node.children[0].loc.start.offset;
+ let end = node.children.at(-1)!.loc.end.offset;
+ while (options.template.content[start - 1] !== '>') {
+ start--;
+ }
+ while (options.template.content[end] !== '<' && end < node.loc.end.offset) {
+ end++;
+ }
+ return {
+ start,
+ end,
+ };
+ }
+ else {
+ return {
+ start: node.loc.start.offset,
+ end: node.loc.end.offset,
+ };
+ }
+}
diff --git a/packages/language-core/lib/codegen/template/camelized.ts b/packages/language-core/lib/codegen/utils/camelized.ts
similarity index 58%
rename from packages/language-core/lib/codegen/template/camelized.ts
rename to packages/language-core/lib/codegen/utils/camelized.ts
index d0aaab5b10..21c063e114 100644
--- a/packages/language-core/lib/codegen/template/camelized.ts
+++ b/packages/language-core/lib/codegen/utils/camelized.ts
@@ -1,26 +1,32 @@
import { capitalize } from '@vue/shared';
import type { Code, VueCodeInformation } from '../../types';
-import { combineLastMapping } from '../common';
-export function* generateCamelized(code: string, offset: number, info: VueCodeInformation): Generator {
+export function* generateCamelized(
+ code: string,
+ source: string,
+ offset: number,
+ features: VueCodeInformation
+): Generator {
const parts = code.split('-');
+ const startCombineOffset = features.__combineOffset ?? 0;
+
for (let i = 0; i < parts.length; i++) {
const part = parts[i];
if (part !== '') {
if (i === 0) {
yield [
part,
- 'template',
+ source,
offset,
- info,
+ features,
];
}
else {
yield [
capitalize(part),
- 'template',
+ source,
offset,
- combineLastMapping,
+ { __combineOffset: startCombineOffset + i },
];
}
}
diff --git a/packages/language-core/lib/codegen/utils/escaped.ts b/packages/language-core/lib/codegen/utils/escaped.ts
new file mode 100644
index 0000000000..0c77beec0d
--- /dev/null
+++ b/packages/language-core/lib/codegen/utils/escaped.ts
@@ -0,0 +1,28 @@
+import type { Code, VueCodeInformation } from "../../types";
+
+export function* generateEscaped(
+ text: string,
+ source: string,
+ offset: number,
+ features: VueCodeInformation,
+ escapeTarget: RegExp
+): Generator {
+ const parts = text.split(escapeTarget);
+ const startCombineOffset = features.__combineOffset ?? 0;
+ let isEscapeTarget = false;
+
+ for (let i = 0; i < parts.length; i++) {
+ const part = parts[i];
+ if (isEscapeTarget) {
+ yield `\\`;
+ }
+ yield [
+ part,
+ source,
+ offset,
+ i === 0 ? features : { __combineOffset: startCombineOffset + i },
+ ];
+ offset += part.length;
+ isEscapeTarget = !isEscapeTarget;
+ }
+}
diff --git a/packages/language-core/lib/codegen/common.ts b/packages/language-core/lib/codegen/utils/index.ts
similarity index 53%
rename from packages/language-core/lib/codegen/common.ts
rename to packages/language-core/lib/codegen/utils/index.ts
index a2d925b5d3..28dbb050d8 100644
--- a/packages/language-core/lib/codegen/common.ts
+++ b/packages/language-core/lib/codegen/utils/index.ts
@@ -1,45 +1,12 @@
+import type * as CompilerDOM from '@vue/compiler-dom';
import type * as ts from 'typescript';
-import { getNodeText } from '../parsers/scriptSetupRanges';
-import type { Code, SfcBlock, VueCodeInformation } from '../types';
+import type { Code, SfcBlock, VueCodeInformation } from '../../types';
+import { getNodeText } from '../../utils/shared';
-export const newLine = '\n';
+export const newLine = `\n`;
export const endOfLine = `;${newLine}`;
-export const combineLastMapping: VueCodeInformation = { __combineLastMapping: true };
-export const variableNameRegex = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
-
-export function* conditionWrapWith(
- condition: boolean,
- startOffset: number,
- endOffset: number,
- features: VueCodeInformation,
- ...wrapCodes: Code[]
-): Generator {
- if (condition) {
- yield* wrapWith(startOffset, endOffset, features, ...wrapCodes);
- }
- else {
- for (const wrapCode of wrapCodes) {
- yield wrapCode;
- }
- }
-}
-
-export function* wrapWith(
- startOffset: number,
- endOffset: number,
- features: VueCodeInformation,
- ...wrapCodes: Code[]
-): Generator {
- yield ['', 'template', startOffset, features];
- let offset = 1;
- for (const wrapCode of wrapCodes) {
- if (typeof wrapCode !== 'string') {
- offset++;
- }
- yield wrapCode;
- }
- yield ['', 'template', endOffset, { __combineOffsetMapping: offset }];
-}
+export const combineLastMapping: VueCodeInformation = { __combineOffset: 1 };
+export const identifierRegex = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
export function collectVars(
ts: typeof import('typescript'),
@@ -48,7 +15,7 @@ export function collectVars(
results: string[] = []
) {
const identifiers = collectIdentifiers(ts, node, []);
- for (const [id] of identifiers) {
+ for (const { id } of identifiers) {
results.push(getNodeText(ts, id, ast));
}
return results;
@@ -57,15 +24,20 @@ export function collectVars(
export function collectIdentifiers(
ts: typeof import('typescript'),
node: ts.Node,
- results: [id: ts.Identifier, isRest: boolean][] = [],
- isRest = false
+ results: {
+ id: ts.Identifier,
+ isRest: boolean,
+ initializer: ts.Expression | undefined;
+ }[] = [],
+ isRest = false,
+ initializer: ts.Expression | undefined = undefined
) {
if (ts.isIdentifier(node)) {
- results.push([node, isRest]);
+ results.push({ id: node, isRest, initializer });
}
else if (ts.isObjectBindingPattern(node)) {
for (const el of node.elements) {
- collectIdentifiers(ts, el.name, results, !!el.dotDotDotToken);
+ collectIdentifiers(ts, el.name, results, !!el.dotDotDotToken, el.initializer);
}
}
else if (ts.isArrayBindingPattern(node)) {
@@ -81,6 +53,19 @@ export function collectIdentifiers(
return results;
}
+export function normalizeAttributeValue(node: CompilerDOM.TextNode): [string, number] {
+ let offset = node.loc.start.offset;
+ let content = node.loc.source;
+ if (
+ (content.startsWith(`'`) && content.endsWith(`'`))
+ || (content.startsWith(`"`) && content.endsWith(`"`))
+ ) {
+ offset++;
+ content = content.slice(1, -1);
+ }
+ return [content, offset];
+}
+
export function createTsAst(ts: typeof import('typescript'), astHolder: any, text: string) {
if (astHolder.__volar_ast_text !== text) {
astHolder.__volar_ast_text = text;
@@ -91,7 +76,7 @@ export function createTsAst(ts: typeof import('typescript'), astHolder: any, tex
export function generateSfcBlockSection(block: SfcBlock, start: number, end: number, features: VueCodeInformation): Code {
return [
- block.content.substring(start, end),
+ block.content.slice(start, end),
block.name,
start,
features,
diff --git a/packages/language-core/lib/codegen/template/stringLiteralKey.ts b/packages/language-core/lib/codegen/utils/stringLiteralKey.ts
similarity index 74%
rename from packages/language-core/lib/codegen/template/stringLiteralKey.ts
rename to packages/language-core/lib/codegen/utils/stringLiteralKey.ts
index ef7dff8925..63b14fd593 100644
--- a/packages/language-core/lib/codegen/template/stringLiteralKey.ts
+++ b/packages/language-core/lib/codegen/utils/stringLiteralKey.ts
@@ -1,18 +1,19 @@
import type { Code, VueCodeInformation } from '../../types';
-import { combineLastMapping, wrapWith } from '../common';
+import { combineLastMapping } from './index';
+import { wrapWith } from './wrapWith';
export function* generateStringLiteralKey(code: string, offset?: number, info?: VueCodeInformation): Generator {
if (offset === undefined || !info) {
- yield `"${code}"`;
+ yield `'${code}'`;
}
else {
yield* wrapWith(
offset,
offset + code.length,
info,
- `"`,
+ `'`,
[code, 'template', offset, combineLastMapping],
- `"`
+ `'`
);
}
}
diff --git a/packages/language-core/lib/codegen/utils/unicode.ts b/packages/language-core/lib/codegen/utils/unicode.ts
new file mode 100644
index 0000000000..bd44cfdf7d
--- /dev/null
+++ b/packages/language-core/lib/codegen/utils/unicode.ts
@@ -0,0 +1,30 @@
+import type { Code, VueCodeInformation } from '../../types';
+import { wrapWith } from './wrapWith';
+
+export function* generateUnicode(code: string, offset: number, info: VueCodeInformation): Generator {
+ if (needToUnicode(code)) {
+ yield* wrapWith(
+ offset,
+ offset + code.length,
+ info,
+ toUnicode(code)
+ );
+ }
+ else {
+ yield [code, 'template', offset, info];
+ }
+}
+
+function needToUnicode(str: string) {
+ return str.includes('\\') || str.includes('\n');
+}
+
+function toUnicode(str: string) {
+ return str.split('').map(value => {
+ const temp = value.charCodeAt(0).toString(16).padStart(4, '0');
+ if (temp.length > 2) {
+ return '\\u' + temp;
+ }
+ return value;
+ }).join('');
+}
diff --git a/packages/language-core/lib/codegen/utils/wrapWith.ts b/packages/language-core/lib/codegen/utils/wrapWith.ts
new file mode 100644
index 0000000000..aa62ac4910
--- /dev/null
+++ b/packages/language-core/lib/codegen/utils/wrapWith.ts
@@ -0,0 +1,42 @@
+import type { Code, VueCodeInformation } from "../../types";
+
+export function wrapWith(
+ startOffset: number,
+ endOffset: number,
+ features: VueCodeInformation,
+ ...codes: Code[]
+): Generator;
+
+export function wrapWith(
+ startOffset: number,
+ endOffset: number,
+ source: string,
+ features: VueCodeInformation,
+ ...codes: Code[]
+): Generator;
+
+export function* wrapWith(
+ startOffset: number,
+ endOffset: number,
+ ...args: any[]
+): Generator {
+ let source = 'template';
+ let features: VueCodeInformation;
+ let codes: Code[];
+ if (typeof args[0] === 'string') {
+ [source, features, ...codes] = args;
+ }
+ else {
+ [features, ...codes] = args;
+ }
+
+ yield ['', source, startOffset, features];
+ let offset = 1;
+ for (const code of codes) {
+ if (typeof code !== 'string') {
+ offset++;
+ }
+ yield code;
+ }
+ yield ['', source, endOffset, { __combineOffset: offset }];
+}
diff --git a/packages/language-core/lib/languagePlugin.ts b/packages/language-core/lib/languagePlugin.ts
index 8d6055f169..1027b6ef0b 100644
--- a/packages/language-core/lib/languagePlugin.ts
+++ b/packages/language-core/lib/languagePlugin.ts
@@ -1,11 +1,10 @@
/// (
): LanguagePlugin {
const pluginContext: Parameters[0] = {
modules: {
- '@vue/compiler-dom': vueCompilerOptions.target < 3
- ? {
- ...CompilerDOM,
- compile: CompilerVue2.compile,
- }
- : CompilerDOM,
+ '@vue/compiler-dom': CompilerDOM,
typescript: ts,
},
compilerOptions,
@@ -119,7 +113,7 @@ export function createVueLanguagePlugin(
getServiceScript(root) {
for (const code of forEachEmbeddedCode(root)) {
if (/script_(js|jsx|ts|tsx)/.test(code.id)) {
- const lang = code.id.substring('script_'.length);
+ const lang = code.id.slice('script_'.length);
return {
code,
extension: '.' + lang,
diff --git a/packages/language-core/lib/parsers/scriptRanges.ts b/packages/language-core/lib/parsers/scriptRanges.ts
index 394eb16dce..87285ce978 100644
--- a/packages/language-core/lib/parsers/scriptRanges.ts
+++ b/packages/language-core/lib/parsers/scriptRanges.ts
@@ -1,22 +1,22 @@
-import type { TextRange } from '../types';
import type * as ts from 'typescript';
-import { getNodeText, getStartEnd, parseBindingRanges } from './scriptSetupRanges';
+import type { TextRange } from '../types';
+import { getNodeText, getStartEnd } from '../utils/shared';
+import { parseBindingRanges } from './scriptSetupRanges';
export interface ScriptRanges extends ReturnType { }
-export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.SourceFile, hasScriptSetup: boolean, withNode: boolean) {
+export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.SourceFile, hasScriptSetup: boolean) {
let exportDefault: (TextRange & {
expression: TextRange,
args: TextRange,
- argsNode: ts.ObjectLiteralExpression | undefined,
+ argsNode: ts.ObjectLiteralExpression,
componentsOption: TextRange | undefined,
componentsOptionNode: ts.ObjectLiteralExpression | undefined,
directivesOption: TextRange | undefined,
nameOption: TextRange | undefined,
inheritAttrsOption: string | undefined,
}) | undefined;
- let classBlockEnd: number | undefined;
const bindings = hasScriptSetup ? parseBindingRanges(ts, ast) : [];
@@ -46,7 +46,7 @@ export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.Sourc
let inheritAttrsOption: string | undefined;
ts.forEachChild(obj, node => {
if (ts.isPropertyAssignment(node) && ts.isIdentifier(node.name)) {
- const name = getNodeText(ts, node.name, ast);
+ const name = _getNodeText(node.name);
if (name === 'components' && ts.isObjectLiteralExpression(node.initializer)) {
componentsOptionNode = node.initializer;
}
@@ -57,7 +57,7 @@ export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.Sourc
nameOptionNode = node.initializer;
}
else if (name === 'inheritAttrs') {
- inheritAttrsOption = getNodeText(ts, node.initializer, ast);
+ inheritAttrsOption = _getNodeText(node.initializer);
}
}
});
@@ -65,28 +65,19 @@ export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.Sourc
..._getStartEnd(raw),
expression: _getStartEnd(node.expression),
args: _getStartEnd(obj),
- argsNode: withNode ? obj : undefined,
+ argsNode: obj,
componentsOption: componentsOptionNode ? _getStartEnd(componentsOptionNode) : undefined,
- componentsOptionNode: withNode ? componentsOptionNode : undefined,
+ componentsOptionNode,
directivesOption: directivesOptionNode ? _getStartEnd(directivesOptionNode) : undefined,
nameOption: nameOptionNode ? _getStartEnd(nameOptionNode) : undefined,
inheritAttrsOption,
};
}
}
-
- if (
- ts.isClassDeclaration(raw)
- && raw.modifiers?.some(mod => mod.kind === ts.SyntaxKind.ExportKeyword)
- && raw.modifiers?.some(mod => mod.kind === ts.SyntaxKind.DefaultKeyword)
- ) {
- classBlockEnd = raw.end - 1;
- }
});
return {
exportDefault,
- classBlockEnd,
bindings,
};
@@ -94,6 +85,10 @@ export function parseScriptRanges(ts: typeof import('typescript'), ast: ts.Sourc
return getStartEnd(ts, node, ast);
}
+ function _getNodeText(node: ts.Node) {
+ return getNodeText(ts, node, ast);
+ }
+
// isAsExpression is missing in tsc
function isAsExpression(node: ts.Node): node is ts.AsExpression {
return node.kind === ts.SyntaxKind.AsExpression;
diff --git a/packages/language-core/lib/parsers/scriptSetupRanges.ts b/packages/language-core/lib/parsers/scriptSetupRanges.ts
index da978db002..53af91e141 100644
--- a/packages/language-core/lib/parsers/scriptSetupRanges.ts
+++ b/packages/language-core/lib/parsers/scriptSetupRanges.ts
@@ -1,6 +1,72 @@
import type * as ts from 'typescript';
-import type { VueCompilerOptions, TextRange } from '../types';
-import { collectIdentifiers } from '../codegen/common';
+import { collectIdentifiers } from '../codegen/utils';
+import type { TextRange, VueCompilerOptions } from '../types';
+import { getNodeText, getStartEnd } from '../utils/shared';
+
+const tsCheckReg = /^\/\/\s*@ts-(?:no)?check($|\s)/;
+
+type CallExpressionRange = {
+ callExp: TextRange;
+ exp: TextRange;
+ arg?: TextRange;
+ typeArg?: TextRange;
+};
+
+type DefineProp = {
+ localName?: TextRange;
+ name?: TextRange;
+ type?: TextRange;
+ modifierType?: TextRange;
+ runtimeType?: TextRange;
+ defaultValue?: TextRange;
+ required?: boolean;
+ isModel?: boolean;
+ comments?: TextRange;
+ // used by component-meta
+ argNode?: ts.Expression;
+};
+
+type DefineProps = CallExpressionRange & {
+ name?: string;
+ destructured?: Map;
+ destructuredRest?: string;
+ statement: TextRange;
+ // used by component-meta
+ argNode?: ts.Expression;
+};
+
+type WithDefaults = Omit & {
+ // used by component-meta
+ argNode?: ts.Expression;
+};
+
+type DefineEmits = CallExpressionRange & {
+ name?: string;
+ hasUnionTypeArg?: boolean;
+ statement: TextRange;
+};
+
+type DefineSlots = CallExpressionRange & {
+ name?: string;
+ statement: TextRange;
+};
+
+type DefineExpose = CallExpressionRange;
+
+type DefineOptions = {
+ name?: string;
+ inheritAttrs?: string;
+};
+
+type UseAttrs = CallExpressionRange;
+
+type UseCssModule = CallExpressionRange;
+
+type UseSlots = CallExpressionRange;
+
+type UseTemplateRef = CallExpressionRange & {
+ name?: string;
+};
export interface ScriptSetupRanges extends ReturnType { }
@@ -9,105 +75,64 @@ export function parseScriptSetupRanges(
ast: ts.SourceFile,
vueCompilerOptions: VueCompilerOptions
) {
-
- let foundNonImportExportNode = false;
- let importSectionEndOffset = 0;
-
- const props: {
- name?: string;
- destructured?: Set;
- destructuredRest?: string;
- define?: ReturnType & {
- statement: TextRange;
- };
- withDefaults?: TextRange & {
- arg?: TextRange;
- };
- } = {};
- const slots: {
- name?: string;
- isObjectBindingPattern?: boolean;
- define?: ReturnType & {
- statement: TextRange;
- };
- } = {};
- const emits: {
- name?: string;
- define?: ReturnType & {
- statement: TextRange;
- hasUnionTypeArg?: boolean;
- };
- } = {};
- const expose: {
- name?: string;
- define?: ReturnType;
- } = {};
- const options: {
- name?: string;
- inheritAttrs?: string;
- } = {};
- const cssModules: {
- define: ReturnType;
- }[] = [];
- const templateRefs: {
- name?: string;
- define: ReturnType;
- }[] = [];
- const definePropProposalA = vueCompilerOptions.experimentalDefinePropProposal === 'kevinEdition' || ast.text.trimStart().startsWith('// @experimentalDefinePropProposal=kevinEdition');
- const definePropProposalB = vueCompilerOptions.experimentalDefinePropProposal === 'johnsonEdition' || ast.text.trimStart().startsWith('// @experimentalDefinePropProposal=johnsonEdition');
- const defineProp: {
- localName: TextRange | undefined;
- name: TextRange | undefined;
- type: TextRange | undefined;
- modifierType?: TextRange | undefined;
- runtimeType: TextRange | undefined;
- defaultValue: TextRange | undefined;
- required: boolean;
- isModel?: boolean;
- }[] = [];
+ const defineProp: DefineProp[] = [];
+ let defineProps: DefineProps | undefined;
+ let withDefaults: WithDefaults | undefined;
+ let defineEmits: DefineEmits | undefined;
+ let defineSlots: DefineSlots | undefined;
+ let defineExpose: DefineExpose | undefined;
+ let defineOptions: DefineOptions | undefined;
+ const useAttrs: UseAttrs[] = [];
+ const useCssModule: UseCssModule[] = [];
+ const useSlots: UseSlots[] = [];
+ const useTemplateRef: UseTemplateRef[] = [];
+ const definePropProposalA = vueCompilerOptions.experimentalDefinePropProposal === 'kevinEdition';
+ const definePropProposalB = vueCompilerOptions.experimentalDefinePropProposal === 'johnsonEdition';
const text = ast.text;
- const leadingCommentEndOffset = ts.getLeadingCommentRanges(text, 0)?.reverse()[0].end ?? 0;
- const importComponentNames = new Set();
+
+ const leadingCommentRanges = ts.getLeadingCommentRanges(text, 0)?.reverse() ?? [];
+ const leadingCommentEndOffset = leadingCommentRanges.find(
+ range => tsCheckReg.test(text.slice(range.pos, range.end))
+ )?.end ?? 0;
let bindings = parseBindingRanges(ts, ast);
+ let foundNonImportExportNode = false;
+ let importSectionEndOffset = 0;
ts.forEachChild(ast, node => {
- const isTypeExport = (ts.isTypeAliasDeclaration(node) || ts.isInterfaceDeclaration(node)) && node.modifiers?.some(mod => mod.kind === ts.SyntaxKind.ExportKeyword);
if (
- !foundNonImportExportNode
- && !ts.isImportDeclaration(node)
- && !isTypeExport
- && !ts.isEmptyStatement(node)
+ foundNonImportExportNode
+ || ts.isImportDeclaration(node)
+ || ts.isExportDeclaration(node)
+ || ts.isEmptyStatement(node)
// fix https://github.com/vuejs/language-tools/issues/1223
- && !ts.isImportEqualsDeclaration(node)
+ || ts.isImportEqualsDeclaration(node)
) {
- const commentRanges = ts.getLeadingCommentRanges(text, node.pos);
- if (commentRanges?.length) {
- const commentRange = commentRanges.sort((a, b) => a.pos - b.pos)[0];
- importSectionEndOffset = commentRange.pos;
- }
- else {
- importSectionEndOffset = getStartEnd(ts, node, ast).start;
- }
- foundNonImportExportNode = true;
+ return;
}
if (
- ts.isImportDeclaration(node)
- && node.importClause?.name
- && !node.importClause.isTypeOnly
+ (ts.isTypeAliasDeclaration(node) || ts.isInterfaceDeclaration(node))
+ && node.modifiers?.some(mod => mod.kind === ts.SyntaxKind.ExportKeyword)
) {
- const moduleName = getNodeText(ts, node.moduleSpecifier, ast).slice(1, -1);
- if (vueCompilerOptions.extensions.some(ext => moduleName.endsWith(ext))) {
- importComponentNames.add(getNodeText(ts, node.importClause.name, ast));
- }
+ return;
+ }
+
+ const commentRanges = ts.getLeadingCommentRanges(text, node.pos);
+ if (commentRanges?.length) {
+ const commentRange = commentRanges.sort((a, b) => a.pos - b.pos)[0];
+ importSectionEndOffset = commentRange.pos;
}
+ else {
+ importSectionEndOffset = getStartEnd(ts, node, ast).start;
+ }
+ foundNonImportExportNode = true;
});
- ts.forEachChild(ast, child => visitNode(child, [ast]));
+ ts.forEachChild(ast, node => visitNode(node, [ast]));
- const templateRefNames = new Set(templateRefs.map(ref => ref.name));
- bindings = bindings.filter(range => {
- const name = text.substring(range.start, range.end);
+ const templateRefNames = new Set(useTemplateRef.map(ref => ref.name));
+ bindings = bindings.filter(({ range }) => {
+ const name = text.slice(range.start, range.end);
return !templateRefNames.has(name);
});
@@ -115,45 +140,36 @@ export function parseScriptSetupRanges(
leadingCommentEndOffset,
importSectionEndOffset,
bindings,
- importComponentNames,
- props,
- slots,
- emits,
- expose,
- options,
- cssModules,
defineProp,
- templateRefs,
+ defineProps,
+ withDefaults,
+ defineEmits,
+ defineSlots,
+ defineExpose,
+ defineOptions,
+ useAttrs,
+ useCssModule,
+ useSlots,
+ useTemplateRef,
};
- function _getStartEnd(node: ts.Node) {
- return getStartEnd(ts, node, ast);
- }
-
- function parseDefineFunction(node: ts.CallExpression): TextRange & {
- exp: TextRange;
- arg?: TextRange;
- typeArg?: TextRange;
- } {
- return {
- ..._getStartEnd(node),
- exp: _getStartEnd(node.expression),
- arg: node.arguments.length ? _getStartEnd(node.arguments[0]) : undefined,
- typeArg: node.typeArguments?.length ? _getStartEnd(node.typeArguments[0]) : undefined,
- };
- }
-
function visitNode(node: ts.Node, parents: ts.Node[]) {
const parent = parents[parents.length - 1];
if (
ts.isCallExpression(node)
&& ts.isIdentifier(node.expression)
) {
- const callText = getNodeText(ts, node.expression, ast);
- if (vueCompilerOptions.macros.defineModel.includes(callText)) {
+ const callText = _getNodeText(node.expression);
+ const isDefineModel = vueCompilerOptions.macros.defineModel.includes(callText);
+ if (isDefineModel || callText === 'defineProp') {
let localName: TextRange | undefined;
- let propName: TextRange | undefined;
- let options: ts.Node | undefined;
+ let propName: ts.Expression | undefined;
+ let options: ts.Expression | undefined;
+ let type: TextRange | undefined;
+ let modifierType: TextRange | undefined;
+ let runtimeType: TextRange | undefined;
+ let defaultValue: TextRange | undefined;
+ let required = false;
if (
ts.isVariableDeclaration(parent) &&
@@ -162,89 +178,35 @@ export function parseScriptSetupRanges(
localName = _getStartEnd(parent.name);
}
- if (node.arguments.length >= 2) {
- propName = _getStartEnd(node.arguments[0]);
- options = node.arguments[1];
- }
- else if (node.arguments.length >= 1) {
- if (ts.isStringLiteral(node.arguments[0])) {
- propName = _getStartEnd(node.arguments[0]);
+ if (node.typeArguments) {
+ if (node.typeArguments.length >= 1) {
+ type = _getStartEnd(node.typeArguments[0]);
}
- else {
- options = node.arguments[0];
+ if (node.typeArguments.length >= 2) {
+ modifierType = _getStartEnd(node.typeArguments[1]);
}
}
- let runtimeType: TextRange | undefined;
- let defaultValue: TextRange | undefined;
- let required = false;
- if (options && ts.isObjectLiteralExpression(options)) {
- for (const property of options.properties) {
- if (!ts.isPropertyAssignment(property) || !ts.isIdentifier(property.name)) {
- continue;
- }
- const text = getNodeText(ts, property.name, ast);
- if (text === 'type') {
- runtimeType = _getStartEnd(property.initializer);
- }
- else if (text === 'default') {
- defaultValue = _getStartEnd(property.initializer);
+ if (isDefineModel) {
+ if (node.arguments.length >= 2) {
+ propName = node.arguments[0];
+ options = node.arguments[1];
+ }
+ else if (node.arguments.length >= 1) {
+ if (ts.isStringLiteralLike(node.arguments[0])) {
+ propName = node.arguments[0];
}
- else if (text === 'required' && property.initializer.kind === ts.SyntaxKind.TrueKeyword) {
- required = true;
+ else {
+ options = node.arguments[0];
}
}
}
- defineProp.push({
- localName,
- name: propName,
- type: node.typeArguments?.length ? _getStartEnd(node.typeArguments[0]) : undefined,
- modifierType: node.typeArguments && node.typeArguments?.length >= 2 ? _getStartEnd(node.typeArguments[1]) : undefined,
- runtimeType,
- defaultValue,
- required,
- isModel: true,
- });
- }
- else if (callText === 'defineProp') {
- let localName: TextRange | undefined;
- let propName: TextRange | undefined;
- let options: ts.Node | undefined;
-
- if (
- ts.isVariableDeclaration(parent) &&
- ts.isIdentifier(parent.name)
- ) {
- localName = _getStartEnd(parent.name);
- }
-
- let runtimeType: TextRange | undefined;
- let defaultValue: TextRange | undefined;
- let required = false;
- if (definePropProposalA) {
+ else if (definePropProposalA) {
if (node.arguments.length >= 2) {
options = node.arguments[1];
}
if (node.arguments.length >= 1) {
- propName = _getStartEnd(node.arguments[0]);
- }
-
- if (options && ts.isObjectLiteralExpression(options)) {
- for (const property of options.properties) {
- if (!ts.isPropertyAssignment(property) || !ts.isIdentifier(property.name)) {
- continue;
- }
- const text = getNodeText(ts, property.name, ast);
- if (text === 'type') {
- runtimeType = _getStartEnd(property.initializer);
- }
- else if (text === 'default') {
- defaultValue = _getStartEnd(property.initializer);
- }
- else if (text === 'required' && property.initializer.kind === ts.SyntaxKind.TrueKeyword) {
- required = true;
- }
- }
+ propName = node.arguments[0];
}
}
else if (definePropProposalB) {
@@ -259,268 +221,316 @@ export function parseScriptSetupRanges(
if (node.arguments.length >= 1) {
defaultValue = _getStartEnd(node.arguments[0]);
}
+ }
- if (options && ts.isObjectLiteralExpression(options)) {
- for (const property of options.properties) {
- if (!ts.isPropertyAssignment(property) || !ts.isIdentifier(property.name)) {
- continue;
- }
- const text = getNodeText(ts, property.name, ast);
- if (text === 'type') {
- runtimeType = _getStartEnd(property.initializer);
- }
+ if (options && ts.isObjectLiteralExpression(options)) {
+ for (const property of options.properties) {
+ if (!ts.isPropertyAssignment(property) || !ts.isIdentifier(property.name)) {
+ continue;
+ }
+ const text = _getNodeText(property.name);
+ if (text === 'type') {
+ runtimeType = _getStartEnd(property.initializer);
+ }
+ else if (text === 'default') {
+ defaultValue = _getStartEnd(property.initializer);
+ }
+ else if (text === 'required' && property.initializer.kind === ts.SyntaxKind.TrueKeyword) {
+ required = true;
}
}
}
+ let name: TextRange | undefined;
+ if (propName && ts.isStringLiteralLike(propName)) {
+ name = _getStartEnd(propName);
+ }
+
defineProp.push({
localName,
- name: propName,
- type: node.typeArguments?.length ? _getStartEnd(node.typeArguments[0]) : undefined,
+ name,
+ type,
+ modifierType,
runtimeType,
defaultValue,
required,
+ isModel: isDefineModel,
+ comments: getClosestMultiLineCommentRange(ts, node, parents, ast),
+ argNode: options,
});
}
- else if (vueCompilerOptions.macros.defineSlots.includes(callText)) {
- slots.define = {
- ...parseDefineFunction(node),
- statement: getStatementRange(ts, parents, node, ast)
+ else if (vueCompilerOptions.macros.defineProps.includes(callText)) {
+ defineProps = {
+ ...parseCallExpressionAssignment(node, parent),
+ statement: getStatementRange(ts, parents, node, ast),
+ argNode: node.arguments[0]
};
- if (ts.isVariableDeclaration(parent)) {
- if (ts.isIdentifier(parent.name)) {
- slots.name = getNodeText(ts, parent.name, ast);
+ if (ts.isVariableDeclaration(parent) && ts.isObjectBindingPattern(parent.name)) {
+ defineProps.destructured = new Map();
+ const identifiers = collectIdentifiers(ts, parent.name, []);
+ for (const { id, isRest, initializer } of identifiers) {
+ const name = _getNodeText(id);
+ if (isRest) {
+ defineProps.destructuredRest = name;
+ }
+ else {
+ defineProps.destructured.set(name, initializer);
+ }
}
- else {
- slots.isObjectBindingPattern = ts.isObjectBindingPattern(parent.name);
+ }
+ else if (
+ ts.isCallExpression(parent)
+ && vueCompilerOptions.macros.withDefaults.includes(_getNodeText(parent.expression))
+ ) {
+ const grand = parents.at(-2);
+ if (grand && ts.isVariableDeclaration(grand)) {
+ defineProps.name = _getNodeText(grand.name);
}
}
}
+ else if (vueCompilerOptions.macros.withDefaults.includes(callText)) {
+ const [, arg] = node.arguments;
+ withDefaults = {
+ callExp: _getStartEnd(node),
+ exp: _getStartEnd(node.expression),
+ arg: arg ? _getStartEnd(arg) : undefined,
+ argNode: arg
+ };
+ }
else if (vueCompilerOptions.macros.defineEmits.includes(callText)) {
- emits.define = {
- ...parseDefineFunction(node),
+ defineEmits = {
+ ...parseCallExpressionAssignment(node, parent),
statement: getStatementRange(ts, parents, node, ast)
};
- if (ts.isVariableDeclaration(parent)) {
- emits.name = getNodeText(ts, parent.name, ast);
- }
- if (node.typeArguments?.length && ts.isTypeLiteralNode(node.typeArguments[0]) && node.typeArguments[0].members.at(0)) {
+ if (node.typeArguments?.length && ts.isTypeLiteralNode(node.typeArguments[0])) {
for (const member of node.typeArguments[0].members) {
- if (ts.isCallSignatureDeclaration(member) && member.parameters[0].type && ts.isUnionTypeNode(member.parameters[0].type)) {
- emits.define.hasUnionTypeArg = true;
- return;
- }
- }
- }
- }
- else if (vueCompilerOptions.macros.defineExpose.includes(callText)) {
- expose.define = parseDefineFunction(node);
- }
- else if (vueCompilerOptions.macros.defineProps.includes(callText)) {
- if (ts.isVariableDeclaration(parent)) {
- if (ts.isObjectBindingPattern(parent.name)) {
- props.destructured = new Set();
- const identifiers = collectIdentifiers(ts, parent.name, []);
- for (const [id, isRest] of identifiers) {
- const name = getNodeText(ts, id, ast);
- if (isRest) {
- props.destructuredRest = name;
- }
- else {
- props.destructured.add(name);
+ if (ts.isCallSignatureDeclaration(member)) {
+ const type = member.parameters[0]?.type;
+ if (type && ts.isUnionTypeNode(type)) {
+ defineEmits.hasUnionTypeArg = true;
+ break;
}
}
}
- else {
- props.name = getNodeText(ts, parent.name, ast);
- }
}
-
- props.define = {
- ...parseDefineFunction(node),
- statement: getStatementRange(ts, parents, node, ast),
+ }
+ else if (vueCompilerOptions.macros.defineSlots.includes(callText)) {
+ defineSlots = {
+ ...parseCallExpressionAssignment(node, parent),
+ statement: getStatementRange(ts, parents, node, ast)
};
-
- if (node.arguments.length) {
- props.define.arg = _getStartEnd(node.arguments[0]);
- }
- if (node.typeArguments?.length) {
- props.define.typeArg = _getStartEnd(node.typeArguments[0]);
- }
}
- else if (vueCompilerOptions.macros.withDefaults.includes(callText)) {
- props.withDefaults = _getStartEnd(node);
- if (node.arguments.length >= 2) {
- const arg = node.arguments[1];
- props.withDefaults.arg = _getStartEnd(arg);
- }
- if (ts.isVariableDeclaration(parent)) {
- props.name = getNodeText(ts, parent.name, ast);
- }
+ else if (vueCompilerOptions.macros.defineExpose.includes(callText)) {
+ defineExpose = parseCallExpression(node);
}
- else if (vueCompilerOptions.macros.defineOptions.includes(callText)) {
- if (node.arguments.length && ts.isObjectLiteralExpression(node.arguments[0])) {
- const obj = node.arguments[0];
- ts.forEachChild(obj, node => {
- if (ts.isPropertyAssignment(node) && ts.isIdentifier(node.name)) {
- const name = getNodeText(ts, node.name, ast);
- if (name === 'inheritAttrs') {
- options.inheritAttrs = getNodeText(ts, node.initializer, ast);
- }
+ else if (
+ vueCompilerOptions.macros.defineOptions.includes(callText)
+ && node.arguments.length
+ && ts.isObjectLiteralExpression(node.arguments[0])
+ ) {
+ defineOptions = {};
+ const obj = node.arguments[0];
+ for (const prop of obj.properties) {
+ if (ts.isPropertyAssignment(prop) && ts.isIdentifier(prop.name)) {
+ const name = _getNodeText(prop.name);
+ if (name === 'inheritAttrs') {
+ defineOptions.inheritAttrs = _getNodeText(prop.initializer);
}
- });
- for (const prop of node.arguments[0].properties) {
- if ((ts.isPropertyAssignment(prop)) && getNodeText(ts, prop.name, ast) === 'name' && ts.isStringLiteral(prop.initializer)) {
- options.name = prop.initializer.text;
+ else if (name === 'name' && ts.isStringLiteral(prop.initializer)) {
+ defineOptions.name = prop.initializer.text;
}
}
}
- } else if (vueCompilerOptions.composibles.useTemplateRef.includes(callText) && node.arguments.length && !node.typeArguments?.length) {
- const define = parseDefineFunction(node);
- let name;
- if (ts.isVariableDeclaration(parent)) {
- name = getNodeText(ts, parent.name, ast);
- }
- templateRefs.push({
- name,
- define
- });
}
- else if (vueCompilerOptions.composibles.useCssModule.includes(callText)) {
- const define = parseDefineFunction(node);
- cssModules.push({
- define
- });
+ else if (vueCompilerOptions.composables.useAttrs.includes(callText)) {
+ useAttrs.push(parseCallExpression(node));
+ }
+ else if (vueCompilerOptions.composables.useCssModule.includes(callText)) {
+ useCssModule.push(parseCallExpression(node));
+ }
+ else if (vueCompilerOptions.composables.useSlots.includes(callText)) {
+ useSlots.push(parseCallExpression(node));
+ }
+ else if (
+ vueCompilerOptions.composables.useTemplateRef.includes(callText)
+ && !node.typeArguments?.length
+ ) {
+ useTemplateRef.push(parseCallExpressionAssignment(node, parent));
}
}
+
ts.forEachChild(node, child => {
+ if (ts.isFunctionLike(node)) {
+ return;
+ }
parents.push(node);
visitNode(child, parents);
parents.pop();
});
}
+
+ function parseCallExpression(node: ts.CallExpression) {
+ return {
+ callExp: _getStartEnd(node),
+ exp: _getStartEnd(node.expression),
+ arg: node.arguments.length ? _getStartEnd(node.arguments[0]) : undefined,
+ typeArg: node.typeArguments?.length ? _getStartEnd(node.typeArguments[0]) : undefined,
+ };
+ }
+
+ function parseCallExpressionAssignment(node: ts.CallExpression, parent: ts.Node) {
+ return {
+ name: ts.isVariableDeclaration(parent) ? _getNodeText(parent.name) : undefined,
+ ...parseCallExpression(node),
+ };
+ }
+
+ function _getStartEnd(node: ts.Node) {
+ return getStartEnd(ts, node, ast);
+ }
+
+ function _getNodeText(node: ts.Node) {
+ return getNodeText(ts, node, ast);
+ }
}
-export function parseBindingRanges(ts: typeof import('typescript'), sourceFile: ts.SourceFile) {
- const bindings: TextRange[] = [];
- ts.forEachChild(sourceFile, node => {
+export function parseBindingRanges(ts: typeof import('typescript'), ast: ts.SourceFile) {
+ const bindings: {
+ range: TextRange;
+ moduleName?: string;
+ isDefaultImport?: boolean;
+ isNamespace?: boolean;
+ }[] = [];
+
+ ts.forEachChild(ast, node => {
if (ts.isVariableStatement(node)) {
- for (const node_2 of node.declarationList.declarations) {
- const vars = _findBindingVars(node_2.name);
- for (const _var of vars) {
- bindings.push(_var);
- }
+ for (const decl of node.declarationList.declarations) {
+ const vars = _findBindingVars(decl.name);
+ bindings.push(...vars.map(range => ({ range })));
}
}
else if (ts.isFunctionDeclaration(node)) {
if (node.name && ts.isIdentifier(node.name)) {
- bindings.push(_getStartEnd(node.name));
+ bindings.push({
+ range: _getStartEnd(node.name)
+ });
}
}
else if (ts.isClassDeclaration(node)) {
if (node.name) {
- bindings.push(_getStartEnd(node.name));
+ bindings.push({
+ range: _getStartEnd(node.name)
+ });
}
}
else if (ts.isEnumDeclaration(node)) {
- bindings.push(_getStartEnd(node.name));
+ bindings.push({
+ range: _getStartEnd(node.name)
+ });
}
if (ts.isImportDeclaration(node)) {
+ const moduleName = _getNodeText(node.moduleSpecifier).slice(1, -1);
+
if (node.importClause && !node.importClause.isTypeOnly) {
- if (node.importClause.name) {
- bindings.push(_getStartEnd(node.importClause.name));
+ const { name, namedBindings } = node.importClause;
+
+ if (name) {
+ bindings.push({
+ range: _getStartEnd(name),
+ moduleName,
+ isDefaultImport: true
+ });
}
- if (node.importClause.namedBindings) {
- if (ts.isNamedImports(node.importClause.namedBindings)) {
- for (const element of node.importClause.namedBindings.elements) {
+ if (namedBindings) {
+ if (ts.isNamedImports(namedBindings)) {
+ for (const element of namedBindings.elements) {
if (element.isTypeOnly) {
continue;
}
- bindings.push(_getStartEnd(element.name));
+ bindings.push({
+ range: _getStartEnd(element.name),
+ moduleName,
+ isDefaultImport: element.propertyName?.text === 'default'
+ });
}
}
- else if (ts.isNamespaceImport(node.importClause.namedBindings)) {
- bindings.push(_getStartEnd(node.importClause.namedBindings.name));
+ else {
+ bindings.push({
+ range: _getStartEnd(namedBindings.name),
+ moduleName,
+ isNamespace: true
+ });
}
}
}
}
});
+
return bindings;
+
function _getStartEnd(node: ts.Node) {
- return getStartEnd(ts, node, sourceFile);
+ return getStartEnd(ts, node, ast);
+ }
+
+ function _getNodeText(node: ts.Node) {
+ return getNodeText(ts, node, ast);
}
+
function _findBindingVars(left: ts.BindingName) {
- return findBindingVars(ts, left, sourceFile);
+ return findBindingVars(ts, left, ast);
}
}
-export function findBindingVars(ts: typeof import('typescript'), left: ts.BindingName, sourceFile: ts.SourceFile) {
+function findBindingVars(
+ ts: typeof import('typescript'),
+ left: ts.BindingName,
+ ast: ts.SourceFile
+) {
const vars: TextRange[] = [];
worker(left);
return vars;
- function worker(_node: ts.Node) {
- if (ts.isIdentifier(_node)) {
- vars.push(getStartEnd(ts, _node, sourceFile));
+ function worker(node: ts.Node) {
+ if (ts.isIdentifier(node)) {
+ vars.push(getStartEnd(ts, node, ast));
}
// { ? } = ...
// [ ? ] = ...
- else if (ts.isObjectBindingPattern(_node) || ts.isArrayBindingPattern(_node)) {
- for (const property of _node.elements) {
+ else if (ts.isObjectBindingPattern(node) || ts.isArrayBindingPattern(node)) {
+ for (const property of node.elements) {
if (ts.isBindingElement(property)) {
worker(property.name);
}
}
}
// { foo: ? } = ...
- else if (ts.isPropertyAssignment(_node)) {
- worker(_node.initializer);
+ else if (ts.isPropertyAssignment(node)) {
+ worker(node.initializer);
}
// { foo } = ...
- else if (ts.isShorthandPropertyAssignment(_node)) {
- vars.push(getStartEnd(ts, _node.name, sourceFile));
+ else if (ts.isShorthandPropertyAssignment(node)) {
+ vars.push(getStartEnd(ts, node.name, ast));
}
// { ...? } = ...
// [ ...? ] = ...
- else if (ts.isSpreadAssignment(_node) || ts.isSpreadElement(_node)) {
- worker(_node.expression);
+ else if (ts.isSpreadAssignment(node) || ts.isSpreadElement(node)) {
+ worker(node.expression);
}
}
}
-export function getStartEnd(
- ts: typeof import('typescript'),
- node: ts.Node,
- sourceFile: ts.SourceFile
-) {
- return {
- start: (ts as any).getTokenPosOfNode(node, sourceFile) as number,
- end: node.end,
- };
-}
-
-export function getNodeText(
- ts: typeof import('typescript'),
- node: ts.Node,
- sourceFile: ts.SourceFile
-) {
- const { start, end } = getStartEnd(ts, node, sourceFile);
- return sourceFile.text.substring(start, end);
-}
-
function getStatementRange(
ts: typeof import('typescript'),
parents: ts.Node[],
node: ts.Node,
- sourceFile: ts.SourceFile
+ ast: ts.SourceFile
) {
let statementRange: TextRange | undefined;
for (let i = parents.length - 1; i >= 0; i--) {
if (ts.isStatement(parents[i])) {
const statement = parents[i];
ts.forEachChild(statement, child => {
- const range = getStartEnd(ts, child, sourceFile);
+ const range = getStartEnd(ts, child, ast);
statementRange ??= range;
statementRange.end = range.end;
});
@@ -528,7 +538,31 @@ function getStatementRange(
}
}
if (!statementRange) {
- statementRange = getStartEnd(ts, node, sourceFile);
+ statementRange = getStartEnd(ts, node, ast);
}
return statementRange;
-}
\ No newline at end of file
+}
+
+function getClosestMultiLineCommentRange(
+ ts: typeof import('typescript'),
+ node: ts.Node,
+ parents: ts.Node[],
+ ast: ts.SourceFile
+) {
+ for (let i = parents.length - 1; i >= 0; i--) {
+ if (ts.isStatement(node)) {
+ break;
+ }
+ node = parents[i];
+ }
+ const comment = ts.getLeadingCommentRanges(ast.text, node.pos)
+ ?.reverse()
+ .find(range => range.kind === 3 satisfies ts.SyntaxKind.MultiLineCommentTrivia);
+
+ if (comment) {
+ return {
+ start: comment.pos,
+ end: comment.end,
+ };
+ }
+}
diff --git a/packages/language-core/lib/parsers/vueCompilerOptions.ts b/packages/language-core/lib/parsers/vueCompilerOptions.ts
new file mode 100644
index 0000000000..33747b84e6
--- /dev/null
+++ b/packages/language-core/lib/parsers/vueCompilerOptions.ts
@@ -0,0 +1,22 @@
+import type { RawVueCompilerOptions } from '../types';
+
+const syntaxReg = /^\s*@(?.+?)\s+(?.+?)\s*$/m;
+
+export function parseVueCompilerOptions(comments: string[]): RawVueCompilerOptions | undefined {
+ const entries = comments
+ .map(text => {
+ try {
+ const match = text.match(syntaxReg);
+ if (match) {
+ const { key, value } = match.groups ?? {};
+ return [key, JSON.parse(value)] as const;
+ }
+ }
+ catch { };
+ })
+ .filter(item => !!item);
+
+ if (entries.length) {
+ return Object.fromEntries(entries);
+ }
+}
diff --git a/packages/language-core/lib/plugins.ts b/packages/language-core/lib/plugins.ts
index a0175d30af..b4f6b33dfc 100644
--- a/packages/language-core/lib/plugins.ts
+++ b/packages/language-core/lib/plugins.ts
@@ -11,7 +11,7 @@ import vueTemplateHtmlPlugin from './plugins/vue-template-html';
import vueTemplateInlineCssPlugin from './plugins/vue-template-inline-css';
import vueTemplateInlineTsPlugin from './plugins/vue-template-inline-ts';
import vueTsx from './plugins/vue-tsx';
-import { validVersions, VueLanguagePlugin } from './types';
+import { validVersions, type VueLanguagePlugin } from './types';
export * from './plugins/shared';
diff --git a/packages/language-core/lib/plugins/file-html.ts b/packages/language-core/lib/plugins/file-html.ts
index 036d6bf03b..60f9965b8c 100644
--- a/packages/language-core/lib/plugins/file-html.ts
+++ b/packages/language-core/lib/plugins/file-html.ts
@@ -29,6 +29,7 @@ const plugin: VueLanguagePlugin = ({ vueCompilerOptions }) => {
descriptor: {
filename: fileName,
source: content,
+ comments: [],
template: null,
script: null,
scriptSetup: null,
@@ -66,8 +67,8 @@ const plugin: VueLanguagePlugin = ({ vueCompilerOptions }) => {
});
}
// ignore `
- `)).items.map(item => item.label)
- ).toMatchInlineSnapshot(`
+ let vFoo!: FunctionDirective;
+
+ `)).items.map(item => item.label)
+ ).toMatchInlineSnapshot(`
[
"attr",
"prop"
]
`);
- });
-
- it('$event argument', async () => {
- await requestCompletionItem('fixture.vue', 'vue', ``, 'event');
- });
+});
- it('
- `, 'foo');
- });
+test('
+ `, 'foo');
+});
-
- `, 'default');
- });
+ };
+
+ `, 'default');
+});
- it('#2454', async () => {
- await requestCompletionItem('fixture.vue', 'vue', `
-
+test('#2454', async () => {
+ await requestCompletionItemToVueServer('fixture.vue', 'vue', `
+
-
-
-
- `, 'v-loading');
- });
+
+
+
+ `, 'v-loading');
+});
- it('#2511', async () => {
- await prepareDocument('tsconfigProject/component-for-auto-import.vue', 'vue', ``);
- expect(
- (await requestCompletionItem('tsconfigProject/fixture.vue', 'vue', `
-
- `, 'ComponentForAutoImport')).textEdit
- ).toMatchInlineSnapshot(`
+test.skip('#2511', async () => {
+ await prepareDocument('tsconfigProject/component-for-auto-import.vue', 'vue', ``);
+ expect(
+ (await requestCompletionItemToTsServer('tsconfigProject/fixture.vue', 'vue', `
+
+ `, 'ComponentForAutoImport'))
+ ).toMatchInlineSnapshot(`
{
"newText": "import componentForAutoImport$1 from './component-for-auto-import.vue';",
"range": {
@@ -289,56 +290,52 @@ describe('Completions', async () => {
},
}
`);
- });
-
- it('#3658', async () => {
- await requestCompletionItem('fixture.vue', 'vue', `
-
-
-
- {{ fo| }}
-
-
-
- `, 'foo');
- });
+});
- it('#4639', async () => {
- await requestCompletionItem('fixture.vue', 'vue', `
-
-
-
- `, 'capture');
- });
+test('#3658', async () => {
+ await requestCompletionItemToTsServer('fixture.vue', 'vue', `
+
+
+
+ {{ fo| }}
+
+
+
+ `, 'foo');
+});
- it('Alias path', async () => {
- await requestCompletionItem('tsconfigProject/fixture.vue', 'vue', `
-
- `, 'empty.vue');
- });
+test('#4639', async () => {
+ await requestCompletionItemToVueServer('fixture.vue', 'vue', `
+
+
+
+ `, 'capture');
+});
- it('Relative path', async () => {
- await requestCompletionItem('tsconfigProject/fixture.vue', 'vue', `
-
- `, 'empty.vue');
- });
+test('Alias path', async () => {
+ await requestCompletionItemToTsServer('tsconfigProject/fixture.vue', 'vue', `
+
+ `, 'empty.vue');
+});
- it('Component auto import', async () => {
- await prepareDocument('tsconfigProject/ComponentForAutoImport.vue', 'vue', ``);
- expect(
- (await requestCompletionItem('tsconfigProject/fixture.vue', 'vue', `
-
+test('Relative path', async () => {
+ await requestCompletionItemToTsServer('tsconfigProject/fixture.vue', 'vue', `
+
+ `, 'empty.vue');
+});
-
- {{ msg }}
-
+test('#2600', async () => {
+ await prepareDocument('tsconfigProject/foo.vue', 'vue', `
+
+ {{ msg }}
+
-
+ `);
+ expect(
+ await requestDefinition('tsconfigProject/fixture.vue', 'vue', `
+
- `);
- expect(
- await requestDefinition('tsconfigProject/fixture.vue', 'vue', `
-
- `)
- ).toMatchInlineSnapshot(`
- [
- {
- "range": {
- "end": {
- "character": 0,
- "line": 0,
- },
- "start": {
- "character": 0,
- "line": 0,
- },
- },
- "uri": "file://\${testWorkspacePath}/tsconfigProject/foo.vue",
- },
- ]
- `);
- });
-
- const openedDocuments: TextDocument[] = [];
+ `)
+ ).toMatchInlineSnapshot(`
+ [
+ {
+ "end": {
+ "line": 1,
+ "offset": 1,
+ },
+ "file": "\${testWorkspacePath}/tsconfigProject/foo.vue",
+ "start": {
+ "line": 1,
+ "offset": 1,
+ },
+ },
+ ]
+ `);
+});
- afterEach(async () => {
- const server = await getLanguageServer();
- for (const document of openedDocuments) {
- await server.closeTextDocument(document.uri);
- }
- openedDocuments.length = 0;
- });
+const openedDocuments: TextDocument[] = [];
- async function requestDefinition(fileName: string, languageId: string, content: string) {
- const offset = content.indexOf('|');
- expect(offset).toBeGreaterThanOrEqual(0);
- content = content.slice(0, offset) + content.slice(offset + 1);
+afterEach(async () => {
+ const server = await getLanguageServer();
+ for (const document of openedDocuments) {
+ await server.close(document.uri);
+ }
+ openedDocuments.length = 0;
+});
- const server = await getLanguageServer();
- let document = await prepareDocument(fileName, languageId, content);
+async function requestDefinition(fileName: string, languageId: string, content: string) {
+ const offset = content.indexOf('|');
+ expect(offset).toBeGreaterThanOrEqual(0);
+ content = content.slice(0, offset) + content.slice(offset + 1);
- const position = document.positionAt(offset);
- const definition = await server.sendDefinitionRequest(document.uri, position) as Location[] | null;
- expect(definition).toBeDefined();
+ const server = await getLanguageServer();
+ let document = await prepareDocument(fileName, languageId, content);
- for (const loc of definition!) {
- loc.uri = 'file://${testWorkspacePath}' + loc.uri.slice(URI.file(testWorkspacePath).toString().length);
- }
+ const res = await server.tsserver.message({
+ seq: server.nextSeq(),
+ command: 'definition',
+ arguments: {
+ file: URI.parse(document.uri).fsPath,
+ position: offset,
+ },
+ });
+ expect(res.success).toBe(true);
- return definition!;
+ for (const ref of res.body) {
+ ref.file = '${testWorkspacePath}' + ref.file.slice(testWorkspacePath.length);
}
- async function prepareDocument(fileName: string, languageId: string, content: string) {
- const server = await getLanguageServer();
- const uri = URI.file(`${testWorkspacePath}/${fileName}`);
- const document = await server.openInMemoryDocument(uri.toString(), languageId, content);
- if (openedDocuments.every(d => d.uri !== document.uri)) {
- openedDocuments.push(document);
- }
- return document;
+ return res.body;
+}
+
+async function prepareDocument(fileName: string, languageId: string, content: string) {
+ const server = await getLanguageServer();
+ const uri = URI.file(`${testWorkspacePath}/${fileName}`);
+ const document = await server.open(uri.toString(), languageId, content);
+ if (openedDocuments.every(d => d.uri !== document.uri)) {
+ openedDocuments.push(document);
}
-});
+ return document;
+}
diff --git a/packages/language-server/tests/inlayHints.spec.ts b/packages/language-server/tests/inlayHints.spec.ts
index 718b374fdd..882a106741 100644
--- a/packages/language-server/tests/inlayHints.spec.ts
+++ b/packages/language-server/tests/inlayHints.spec.ts
@@ -1,247 +1,245 @@
-import { TextDocument } from '@volar/language-server';
-import { afterEach, describe, expect, it } from 'vitest';
+import type { TextDocument } from '@volar/language-server';
+import { afterEach, expect, test } from 'vitest';
import { URI } from 'vscode-uri';
import { getLanguageServer, testWorkspacePath } from './server.js';
-describe('Definitions', async () => {
-
- it('Inline handler leading', async () => {
- expect(
- await requestInlayHintsResult('tsconfigProject/fixture.vue', 'vue', `
-
-
-
-
-
- `)
- ).toMatchInlineSnapshot(`
- "
-
-
-
-
-
- "
- `);
- });
-
- it('Missing props', async () => {
- prepareDocument('tsconfigProject/foo.vue', 'vue', `
+test('Inline handler leading', async () => {
+ expect(
+ await requestInlayHintsResult('tsconfigProject/fixture.vue', 'vue', `
- `);
- expect(
- await requestInlayHintsResult('tsconfigProject/fixture.vue', 'vue', `
-
-
-
-
+
+
+
+ `);
+ expect(
+ await requestReferences('tsconfigProject/fixture.vue', 'vue', `
-
-
-
+
- `);
- expect(
- await requestReferences('tsconfigProject/fixture.vue', 'vue', `
-
-
-
- `)
- ).toMatchInlineSnapshot(`
- [
- {
- "range": {
- "end": {
- "character": 16,
- "line": 7,
- },
- "start": {
- "character": 5,
- "line": 7,
- },
- },
- "uri": "file://\${testWorkspacePath}/tsconfigProject/foo.vue",
- },
- {
- "range": {
- "end": {
- "character": 10,
- "line": 2,
- },
- "start": {
- "character": 6,
- "line": 2,
- },
- },
- "uri": "file://\${testWorkspacePath}/tsconfigProject/fixture.vue",
- },
- ]
- `);
- });
+ `)
+ ).toMatchInlineSnapshot(`
+ {
+ "refs": [
+ {
+ "end": {
+ "line": 3,
+ "offset": 10,
+ },
+ "file": "\${testWorkspacePath}/tsconfigProject/fixture.vue",
+ "isDefinition": true,
+ "isWriteAccess": false,
+ "lineText": " ",
+ "start": {
+ "line": 7,
+ "offset": 13,
+ },
+ },
+ ],
+ "symbolDisplayString": "(property) default?: (props: typeof __VLS_1) => any",
+ "symbolName": "slot",
+ "symbolStartOffset": 6,
+ }
+ `);
+});
+
+test('Named slot', async () => {
+ await prepareDocument('tsconfigProject/foo.vue', 'vue', `
+
- it('Named slot', async () => {
- await prepareDocument('tsconfigProject/foo.vue', 'vue', `
+
+ {
+export async function getLanguageServer(): Promise<{
+ vueserver: LanguageServerHandle;
+ tsserver: import('@typescript/server-harness').Server;
+ nextSeq: () => number;
+ open: (uri: string, languageId: string, content: string) => Promise;
+ close: (uri: string) => Promise;
+}> {
if (!serverHandle) {
+ tsserver = launchServer(
+ path.join(__dirname, '..', '..', '..', 'node_modules', 'typescript', 'lib', 'tsserver.js'),
+ [
+ '--disableAutomaticTypingAcquisition',
+ '--globalPlugins', '@vue/typescript-plugin',
+ '--suppressDiagnosticEvents',
+ // '--logVerbosity', 'verbose',
+ // '--logFile', path.join(__dirname, 'tsserver.log'),
+ ]
+ );
+
+ tsserver.on('exit', code => console.log(code ? `Exited with code ${code}` : `Terminated`));
+ // tsserver.on('event', e => console.log(e));
+
serverHandle = startLanguageServer(require.resolve('../bin/vue-language-server.js'), testWorkspacePath);
serverHandle.connection.onNotification(PublishDiagnosticsNotification.type, () => { });
serverHandle.connection.onRequest(ConfigurationRequest.type, ({ items }) => {
@@ -20,18 +44,23 @@ export async function getLanguageServer(): Promise {
return null;
});
});
+ serverHandle.connection.onRequest('tsserverRequest', async ([command, args]) => {
+ const res = await tsserver.message({
+ seq: seq++,
+ command: command,
+ arguments: args,
+ });
+ return res.body;
+ });
await serverHandle.initialize(
URI.file(testWorkspacePath).toString(),
{
typescript: {
tsdk: path.dirname(require.resolve('typescript/lib/typescript.js')),
- disableAutoImportCache: true,
- },
- vue: {
- hybridMode: false,
+ tsserverRequestCommand: 'tsserverRequest',
},
- },
+ } satisfies VueInitializationOptions,
{
workspace: {
configuration: true,
@@ -39,5 +68,46 @@ export async function getLanguageServer(): Promise {
}
);
}
- return serverHandle;
+ return {
+ vueserver: serverHandle,
+ tsserver: tsserver,
+ nextSeq: () => seq++,
+ open: async (uri: string, languageId: string, content: string) => {
+ const res = await tsserver.message({
+ seq: seq++,
+ type: 'request',
+ command: 'updateOpen',
+ arguments: {
+ changedFiles: [],
+ closedFiles: [],
+ openFiles: [
+ {
+ file: URI.parse(uri).fsPath,
+ fileContent: content,
+ }
+ ]
+ }
+ });
+ if (!res.success) {
+ throw new Error(res.body);
+ }
+ return await serverHandle!.openInMemoryDocument(uri, languageId, content);
+ },
+ close: async (uri: string) => {
+ const res = await tsserver.message({
+ seq: seq++,
+ type: 'request',
+ command: 'updateOpen',
+ arguments: {
+ changedFiles: [],
+ closedFiles: [URI.parse(uri).fsPath],
+ openFiles: []
+ }
+ });
+ if (!res.success) {
+ throw new Error(res.body);
+ }
+ await serverHandle!.closeTextDocument(uri);
+ },
+ };
}
diff --git a/packages/language-server/tsconfig.json b/packages/language-server/tsconfig.json
index 6ef22a3ffe..a6b12a18cf 100644
--- a/packages/language-server/tsconfig.json
+++ b/packages/language-server/tsconfig.json
@@ -5,6 +5,6 @@
"references": [
{ "path": "../language-core/tsconfig.json" },
{ "path": "../language-service/tsconfig.json" },
- { "path": "../component-meta/tsconfig.json" },
+ { "path": "../typescript-plugin/tsconfig.json" },
],
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/cs.json b/packages/language-service/data/language-blocks/cs.json
index 5d7c7d9184..befa8783c3 100644
--- a/packages/language-service/data/language-blocks/cs.json
+++ b/packages/language-service/data/language-blocks/cs.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Bloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok – například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `` nejvyšší úrovně.\n\n- Obsah bude extrahován a předán do `@vue/compiler-dom`, předkompilován do JavaScriptových funkcí pro vykreslování a připojen k exportované komponentě jako její možnost (option) `render`.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Bloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok – například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Každý soubor `*.vue` může obsahovat maximálně jeden blok `\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Bloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok – například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nKdyž má sekce `\n\n\n ahoj\n\n```\n\nNa toto:\n\n```vue\n\n\n\n ahoj\n\n```\n\n### Root elementy komponent potomka\n\nSe `scoped` atributem nebudou styly komponenty rodiče prosakovat do komponent potomků. Nicméně root element komponenty potomka bude ovlivněn jak rodičovským `scoped` CSS, tak vlastním `scoped` CSS. Toto je záměr, aby rodič mohl stylovat root element svého potomka pro účely rozvržení (layout).\n\n### Deep selektory \n\nPokud chcete, aby selektor ve `scoped` stylech byl „hluboký“ a ovlivňoval i komponenty potomků, můžete použít pseudotřídu `:deep()`:\n\n```vue\n\n```\n\nVýše uvedený kód se zkompiluje na:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nObsah DOM vytvořený pomocí `v-html` není ovlivněn `scoped` styly, ale pomocí deep selektorů jej stále lze stylovat.\n:::\n\n### Selektory pro sloty \n\nVe výchozím nastavení `scoped` styly neovlivňují obsah vykreslený pomocí `červená
\n\n\n\n```\n\n### Použití s Composition API \n\nNa implementované třídy lze přistupovat v `setup()` a `\n\n\n ahoj
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- Každý soubor `*.vue` může obsahovat více bloků `\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
- "value": "\nDo souboru `*.vue` můžete navíc přidat další vlastní bloky pro potřeby konkrétního projektu, například blok ``. Některé příklady vlastních bloků z reálného světa zahrnují:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nZpracování vlastních bloků závisí na nástrojích - pokud chcete vytvořit vlastní integrace, podívejte se pro další informace na sekci [Nástroje pro integraci vlastních SFC bloků](https://cs.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations).\n"
+ "value": "\nDo souboru `*.vue` můžete navíc přidat další vlastní bloky pro potřeby konkrétního projektu, například blok ``. Některé příklady vlastních bloků z reálného světa zahrnují:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nZpracování vlastních bloků závisí na nástrojích. Pokud chcete vytvořit vlastní integrace, podívejte se pro další informace na sekci [Nástroje pro integraci vlastních SFC bloků](https://cs.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations).\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#vlastní-bloky"
- }
- ]
+ "references": "api/sfc-spec.html#vlastní-bloky"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok - například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Bloky mohou pomocí atributu `lang` deklarovat programovací jazyk, v němž má proběhnout pre-processing. Nejběžnější případ je použití TypeScriptu pro blok `\n```\n\n`lang` lze použít na jakýkoli blok – například můžeme použít `\n```\n\nDejte pozor, že integrace s různými pre-procesory se může lišit podle zvolené sady softwarových nástrojů. Pro příklady se podívejte do příslušné dokumentace:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nPokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```\n"
+ "value": "Pokud dáváte přednost rozdělení vašich `*.vue` komponent do více souborů, můžete použít atribut `src` pro import externího souboru do příslušného bloku jazyka:\n\n```vue\n\n\n\n```\n\nPozor na to, že pro importy pomocí `src` platí stejná pravidla pro zadávání cest jako pro požadavky na webpack moduly, což znamená:\n\n- Relativní cesty musí začínat s `./`\n- Můžete importovat zdroje z npm závislostí:\n\n```vue\n\n\n```\n\n`src` importy fungují í s vlastními bloky, např.:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/en.json b/packages/language-service/data/language-blocks/en.json
index 796668496f..b50baac0c3 100644
--- a/packages/language-service/data/language-blocks/en.json
+++ b/packages/language-service/data/language-blocks/en.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n![](\"~some-npm-package/foo.png\")
\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Each `*.vue` file can contain at most one top-level `` block.\n\n- Contents will be extracted and passed on to `@vue/compiler-dom`, pre-compiled into JavaScript render functions, and attached to the exported component as its `render` option.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Each `*.vue` file can contain at most one `\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nWhen a `\n\n\n hi\n\n```\n\nInto the following:\n\n```vue\n\n\n\n hi\n\n```\n\n### Child Component Root Elements \n\nWith `scoped`, the parent component's styles will not leak into child components. However, a child component's root node will be affected by both the parent's scoped CSS and the child's scoped CSS. This is by design so that the parent can style the child root element for layout purposes.\n\n### Deep Selectors \n\nIf you want a selector in `scoped` styles to be \"deep\", i.e. affecting child components, you can use the `:deep()` pseudo-class:\n\n```vue\n\n```\n\nThe above will be compiled into:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nDOM content created with `v-html` are not affected by scoped styles, but you can still style them using deep selectors.\n:::\n\n### Slotted Selectors \n\nBy default, scoped styles do not affect contents rendered by `red
\n\n\n\n```\n\n### Usage with Composition API \n\nThe injected classes can be accessed in `setup()` and `\n\n\n red
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- A single `*.vue` file can contain multiple `\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nAdditional custom blocks can be included in a `*.vue` file for any project-specific needs, for example a `` block. Some real-world examples of custom blocks include:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nHandling of Custom Blocks will depend on tooling - if you want to build your own custom block integrations, see the [SFC custom block integrations tooling section](https://vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) for more details.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#custom-blocks"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#custom-blocks"
- }
- ]
+ "references": "api/sfc-spec.html#custom-blocks"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nBlocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Blocks can declare pre-processor languages using the `lang` attribute. The most common case is using TypeScript for the `\n```\n\n`lang` can be applied to any block - for example we can use `\n```\n\nNote that integration with various pre-processors may differ by toolchain. Check out the respective documentation for examples:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nIf you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n"
+ "value": "If you prefer splitting up your `*.vue` components into multiple files, you can use the `src` attribute to import an external file for a language block:\n\n```vue\n\n\n\n```\n\nBeware that `src` imports follow the same path resolution rules as webpack module requests, which means:\n\n- Relative paths need to start with `./`\n- You can import resources from npm dependencies:\n\n```vue\n\n\n```\n\n`src` imports also work with custom blocks, e.g.:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/fr.json b/packages/language-service/data/language-blocks/fr.json
index a59e4173a9..dce08a33da 100644
--- a/packages/language-service/data/language-blocks/fr.json
+++ b/packages/language-service/data/language-blocks/fr.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Chaque fichier `*.vue` peut contenir au maximum un bloc de haut niveau `` à la fois.\n\n- Le contenu sera extrait et transmis à `@vue/compiler-dom`, pré-compilé en fonctions de rendu JavaScript, et attaché au composant exporté en tant que son option `render`.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Chaque fichier `*.vue` peut contenir au maximum un bloc `\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nLorsqu'une balise `\n\n\n hi\n\n```\n\nEn ce qui suit :\n\n```vue\n\n\n\n hi\n\n```\n\n### Éléments racines du composant enfant \n\nAvec `scoped`, les styles du composant parent ne ruisselleront pas dans les composants enfants. Toutefois, le nœud racine d'un composant enfant sera affecté à la fois par le CSS à portée limitée du parent et par le CSS à portée limitée de l'enfant. Cela a été conçu afin que le parent puisse donner un style à l'élément racine de l'enfant à des fins de mise en page.\n\n### Sélecteurs profonds \n\nSi vous voulez qu'un sélecteur dans les styles `scoped` soit \"profond\", c'est-à-dire qu'il affecte les composants enfants, vous pouvez utiliser la pseudo-classe `:deep()` :\n\n```vue\n\n```\n\nLe code ci-dessus sera compilé en :\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nLes contenus du DOM créés avec `v-html` ne sont pas affectés par les styles à portée limitée, mais vous pouvez tout de même les styliser en utilisant des sélecteurs profonds.\n:::\n\n### Sélecteurs de slots \n\nPar défaut, les styles à portée limitée n'affectent pas les contenus rendus par `red
\n\n\n\n```\n\n### Utilisation avec la Composition API \n\nLes classes injectées sont accessibles dans `setup()` et `\n\n\n rouge
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- Un seul fichier `*.vue` peut contenir plusieurs balises `\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nDes blocs personnalisés supplémentaires peuvent être inclus dans un fichier `*.vue` pour tout besoin spécifique au projet, par exemple un bloc ``. Voici quelques exemples concrets de blocs personnalisés :\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nLa gestion des blocs personnalisés dépendra des outils utilisés - si vous souhaitez créer vos propres intégrations de blocs personnalisés, consultez [la section dédiée aux outils](https://fr.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) pour plus de détails.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#blocs-personnalisés"
- }
- ]
+ "references": "api/sfc-spec.html#blocs-personnalisés"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nLes blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Les blocs peuvent déclarer des langages de pré-processeur en utilisant l'attribut `lang`. Le cas le plus courant est l'utilisation de TypeScript pour le bloc `\n```\n\n`lang` peut être appliqué à n'importe quel bloc - par exemple, nous pouvons utiliser `\n```\n\nNotez que l'intégration avec divers pré-processeurs peut différer selon les outils utilisés. Consultez la documentation correspondante pour des exemples :\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSi vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n"
+ "value": "Si vous préférez séparer vos composants `*.vue` en plusieurs fichiers, vous pouvez utiliser l'attribut `src` pour importer un fichier externe pour un bloc de langage :\n\n```vue\n\n\n\n```\n\nAttention, les importations `src` suivent les mêmes règles de résolution de chemin que les requêtes de modules de webpack, ce qui signifie que :\n\n- Les chemins relatifs doivent commencer par `./`.\n- Vous pouvez importer des ressources à partir des dépendances npm :\n\n```vue\n\n\n```\n\nLes importations `src` fonctionnent également avec des blocs personnalisés, par exemple :\n\n```vue\n\n \n```\n\n:::warning Note\nLorsque vous utilisez des alias dans `src`, ne commencez pas par `~`, tout ce qui suit est interprété comme une requête de module. Cela signifie que vous pouvez référencer des assets à l'intérieur de node modules :\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/it.json b/packages/language-service/data/language-blocks/it.json
index 75a08e0460..d34d425a9f 100644
--- a/packages/language-service/data/language-blocks/it.json
+++ b/packages/language-service/data/language-blocks/it.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Ogni file `*.vue` può contenere massimo un blocco ``.\n\n- I suoi contenuti verranno estratti e passati al `@vue/compiler-dom`, pre-compilati in render function di JavaScript, e collegati al componente esportato come sua opzione`render`.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Ogni file `*.vue` può contenere al massimo un blocco `\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nQuando un tag `\n\n\n ciao\n\n```\n\nIn questo:\n\n```vue\n\n\n\n ciao\n\n```\n\n### Elementi Root dei componenti figli \n\nCon l'attributo `scoped`, gli stili del componente genitore non si propagheranno nei componenti figlio. Tuttavia, il nodo radice di un componente figlio sarà influenzato sia dagli stili scoped del genitore che da quelli del figlio. Questo è progettato in modo che il genitore possa stilizzare l'elemento radice del figlio per scopi di layout.\n\n### Selettori in profondità \n\nSe desideri che un selettore negli stili `scoped` abbia effetto anche sui componenti figlio, puoi utilizzare la pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nIl codice sopra verrà compilato in:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\nIl contenuto DOM creato con `v-html` non è influenzato dagli stili scoped, ma puoi comunque stilizzarlo utilizzando i selettori deep.\n:::\n\n### Selettori degli slot \n\nPer impostazione predefinita, gli stili scoped non influenzano il contenuto renderizzato da `rosso
\n\n\n\n```\n\n### Utilizzo con Composition API \n\nPuoi avere accesso alle classi iniettate in `setup()` e `\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nBlocchi personalizzati aggiuntivi possono essere inclusi in un file `*.vue` per soddisfare esigenze specifiche del progetto, ad esempio un blocco ``. Alcuni esempi concreti di blocchi personalizzati includono:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\nLa gestione dei blocchi personalizzati dipenderà dagli strumenti utilizzati. Se desideri creare le tue integrazioni personalizzate per i blocchi, consulta la [sezione degli strumenti per integrazioni di blocchi personalizzati negli SFC](https://it.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) per ulteriori dettagli.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#blocchi-custom"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#blocchi-custom"
- }
- ]
+ "references": "api/sfc-spec.html#blocchi-custom"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nI blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "I blocchi possono dichiarare linguaggi di pre-processore utilizzando l'attributo `lang`. Il caso più comune è l'utilizzo di TypeScript per il blocco `\n```\n\n`lang` può essere applicato su ogni blocco - per esempio possiamo usare `\n```\n\nTieni presente che l'integrazione con diversi pre-processori può variare in base alla catena di strumenti utilizzata. Consulta la rispettiva documentazione per ulteriori esempi:\n\n- [Vite](https://vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```\n"
+ "value": "Se preferisci suddividere i tuoi componenti `*.vue` in file multipli, puoi utilizzare l'attributo `src` per importare un file esterno per un blocco di linguaggio:\n\n```vue\n\n\n\n```\n\nTieni presente che gli import `src` seguono le stesse regole di risoluzione del percorso delle richieste dei moduli webpack, il che significa:\n\n- I percorsi relativi devono iniziare con `./`\n- Puoi importare risorse tramite dipendenze npm:\n\n```vue\n\n\n```\n\nGli import `src` funzionano anche con blocchi custom, per esempio:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/ja.json b/packages/language-service/data/language-blocks/ja.json
index 77f355a357..fdb12b75a0 100644
--- a/packages/language-service/data/language-blocks/ja.json
+++ b/packages/language-service/data/language-blocks/ja.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n\n:::warning Note\n`src` でエイリアスを使用する場合、モジュールリクエストとして解釈される `~` から始めないでください。これは、ノードモジュール内のアセットを参照できることを意味します:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "ブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- 各 `*.vue` ファイルには、最大 1 つのトップレベル `` ブロックを含めることができます。\n\n- コンテンツは抽出されて `@vue/compiler-dom` に渡され、JavaScript のレンダー関数に事前コンパイルされ、エクスポートされたコンポーネントに `render` オプションとしてアタッチされます。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n\n:::warning Note\n`src` でエイリアスを使用する場合、モジュールリクエストとして解釈される `~` から始めないでください。これは、ノードモジュール内のアセットを参照できることを意味します:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "ブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- 各 `*.vue` ファイルには、最大 1 つの `\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n\n:::warning Note\n`src` でエイリアスを使用する場合、モジュールリクエストとして解釈される `~` から始めないでください。これは、ノードモジュール内のアセットを参照できることを意味します:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "ブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\n`\n\n\n hi\n\n```\n\n以下のように変換されます:\n\n```vue\n\n\n\n hi\n\n```\n\n### 子コンポーネントのルート要素 \n\n`scoped` を使用すると、親コンポーネントのスタイルが子コンポーネントに漏れることはありません。しかし、子コンポーネントのルートノードは親のスコープ付き CSS と子のスコープ付き CSS の両方の影響を受けることになります。これは、親コンポーネントがレイアウトのために子コンポーネントのルート要素のスタイルを設定できるようにするための設計です。\n\n### deep セレクター \n\n`scoped` スタイルのセレクターを \"deep\" にしたい場合、つまり子コンポーネントに影響を与えたい場合は、`:deep()` 擬似クラスを使用できます:\n\n```vue\n\n```\n\n上記は次のようにコンパイルされます:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n`v-html` で作成された DOM コンテンツは、スコープ付きスタイルの影響を受けませんが、deep セレクターを使用してスタイルを設定可能です。\n:::\n\n### slotted セレクター \n\n`red
\n\n\n\n```\n\n### Composition API での使用 \n\n注入されたクラスは、`useCssModule` API を介して `setup()` や `\n\n\n red
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- 1 つの `*.vue` ファイルに複数の `\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n\n:::warning Note\n`src` でエイリアスを使用する場合、モジュールリクエストとして解釈される `~` から始めないでください。これは、ノードモジュール内のアセットを参照できることを意味します:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nプロジェクト固有のニーズに応じて、`*.vue` ファイルに `` ブロックのような追加のカスタムブロックを含めることができます。カスタムブロックの実際の例としては、以下のようなものがあります:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nカスタムブロックの扱いはツールに依存します - 独自のカスタムブロック統合を構築したい場合は、[SFC カスタムブロック統合ツールのセクション](https://ja.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)で詳細を確認してください。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#カスタムブロック"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#カスタムブロック"
- }
- ]
+ "references": "api/sfc-spec.html#カスタムブロック"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "ブロックに `lang` 属性を使ってプリプロセッサーの言語を宣言できます。最も一般的なケースは、`\n```\n\n`lang` はどのブロックにも適用できます - 例えば、`\n```\n\nなお、各種プリプロセッサーとの統合はツールチェーンによって異なる場合があることに注意してください。例については、それぞれのドキュメントを参照してください:\n\n- [Vite](https://ja.vitejs.dev/guide/features.html#css-%E3%83%97%E3%83%AA%E3%83%97%E3%83%AD%E3%82%BB%E3%83%83%E3%82%B5)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` コンポーネントを複数のファイルに分割したい場合は、`src` 属性を使用して言語ブロックに外部ファイルをインポートできます:\n\n```vue\n\n\n\n```\n\n`src` でのインポートは webpack のモジュールリクエストと同じパス解決ルールに従うので注意してください。つまり:\n\n- 相対パスは `./` で始める必要があります\n- npm の依存関係からリソースをインポートできます:\n\n```vue\n\n\n```\n\n`src` でのインポートは、カスタムブロックでも動作します。例:\n\n```vue\n\n \n```\n\n:::warning Note\n`src` でエイリアスを使用する場合、モジュールリクエストとして解釈される `~` から始めないでください。これは、ノードモジュール内のアセットを参照できることを意味します:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/ko.json b/packages/language-service/data/language-blocks/ko.json
index 40478a8371..35a4b2746a 100644
--- a/packages/language-service/data/language-blocks/ko.json
+++ b/packages/language-service/data/language-blocks/ko.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n\n:::warning Note\n`src`에서 별칭(alias)을 사용할 때, `~`로 시작하지 마세요. `~` 이후의 내용은 모듈 요청으로 해석됩니다. 이를 활용하면 Node 모듈 내부의 애셋을 참조할 수 있습니다.\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
- "value": "\n- 각 `*.vue` 파일은 최상위 `` 블록을 하나만 포함할 수 있습니다.\n\n- 컨텐츠는 추출되어 `@vue/compiler-dom`으로 전달되고,\n JavaScript 렌더 함수로 사전 컴파일되며,\n 내보낸 컴포넌트에 `render` 옵션으로 첨부됩니다.\n"
+ "value": "\n- 각 `*.vue` 파일은 최상위 `` 블록을 한번에 하나만 포함할 수 있습니다.\n\n- 컨텐츠는 추출되어 `@vue/compiler-dom`으로 전달되고,\n JavaScript 렌더 함수로 사전 컴파일되며,\n 내보낸 컴포넌트에 `render` 옵션으로 첨부됩니다.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n\n:::warning Note\n`src`에서 별칭(alias)을 사용할 때, `~`로 시작하지 마세요. `~` 이후의 내용은 모듈 요청으로 해석됩니다. 이를 활용하면 Node 모듈 내부의 애셋을 참조할 수 있습니다.\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- 각 `*.vue` 파일은 하나의 `\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n\n:::warning Note\n`src`에서 별칭(alias)을 사용할 때, `~`로 시작하지 마세요. `~` 이후의 내용은 모듈 요청으로 해석됩니다. 이를 활용하면 Node 모듈 내부의 애셋을 참조할 수 있습니다.\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\n`\n\n\n 안녕!\n\n```\n\n다음으로:\n\n```vue\n\n\n\n 안녕!\n\n```\n\n### 자식 컴포넌트 루트 엘리먼트 \n\n`scoped`를 사용하면 부모 컴포넌트의 스타일이 자식 컴포넌트로 누출되지 않습니다. 그러나 자식 컴포넌트의 루트 노드는 부모의 범위가 지정된 CSS와 자식의 범위가 지정된 CSS 모두의 영향을 받습니다. 이것은 부모가 레이아웃 목적으로 자식 루트 엘리먼트의 스타일을 지정할 수 있도록 의도적으로 설계된 것입니다:\n\n### 깊은 셀렉터 \n\n`scoped` 스타일의 셀렉터를 \"깊게\"(즉, 자식 컴포넌트에 영향을 미치게 하려면) `:deep()` 의사 클래스를 사용할 수 있습니다:\n\n```vue\n\n```\n\n위의 내용은 다음과 같이 컴파일됩니다:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n`v-html`로 만든 DOM 컨텐츠는 범위가 지정된 스타일의 영향을 받지 않지만, 깊은 셀렉터를 사용하여 스타일을 지정할 수 있습니다.\n:::\n\n### 슬롯형 셀렉터 \n\n기본적으로 범위가 지정된 스타일은 `red
\n\n\n\n```\n\n### 컴포지션 API와 함께 사용 \n\n주입된 클래스는 `useCssModule` API를 통해 `setup()` 및 `\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n\n:::warning Note\n`src`에서 별칭(alias)을 사용할 때, `~`로 시작하지 마세요. `~` 이후의 내용은 모듈 요청으로 해석됩니다. 이를 활용하면 Node 모듈 내부의 애셋을 참조할 수 있습니다.\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\n프로젝트별 요구 사항에 따라 `*.vue` 파일에 추가 커스텀 블록을 포함할 수 있습니다(예: `` 블록).\n커스텀 블록의 실제 예는 다음과 같습니다:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\n커스텀 블록 처리는 도구에 따라 다릅니다.\n자체 커스텀 블록 통합을 구축하려는 경우 자세한 내용은 [SFC 커스텀 블록 통합 도구 섹션](https://ko.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)을 참고하십시오.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#커스텀-블럭"
- }
- ]
+ "references": "api/sfc-spec.html#커스텀-블럭"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "블록은 `lang` 속성을 사용하여 전처리기 언어를 선언할 수 있습니다.\n가장 일반적인 경우는 `\n```\n\n`lang`은 모든 블록에 적용할 수 있습니다.\n예를 들어 `\n```\n\n다양한 전처리기와의 통합은 툴체인에 따라 다를 수 있습니다.\n예제를 보려면 해당 문서를 확인하십시오:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n"
+ "value": "`*.vue` 컴포넌트를 여러 파일로 분할하는 것을 선호하는 경우,\n`src` 속성을 사용하여 언어 블록에서 외부 파일을 가져올 수 있습니다:\n\n```vue\n\n\n\n```\n\n`src` 가져오기는 웹팩 모듈 요청과 동일한 경로 확인 규칙을 따릅니다.\n즉, 다음을 의미합니다:\n\n- 상대 경로는 `./`로 시작해야 함.\n- npm 의존성에서 리소스를 가져올 수 있음.\n\n```vue\n\n\n```\n\n`src` 가져오기는 커스텀 블록에서도 작동합니다. 예를들어:\n\n```vue\n\n \n```\n\n:::warning Note\n`src`에서 별칭(alias)을 사용할 때, `~`로 시작하지 마세요. `~` 이후의 내용은 모듈 요청으로 해석됩니다. 이를 활용하면 Node 모듈 내부의 애셋을 참조할 수 있습니다.\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/pt.json b/packages/language-service/data/language-blocks/pt.json
index dd456ac070..3ed02e9f92 100644
--- a/packages/language-service/data/language-blocks/pt.json
+++ b/packages/language-service/data/language-blocks/pt.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- Cada ficheiro `*.vue` pode conter no máximo um bloco `` de alto nível.\n\n- O conteúdo será extraído e passado ao `@vuw/compiler-dom`, pré-compilado dentro de funções de interpretação de JavaScript, e anexado ao componente exportado como sua opção `render`.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- Cada ficheiro `*.vue` pode conter no máximo um bloco `\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nQuando um marcador `\n\n\n hi\n\n```\n\nNo seguinte:\n\n```vue\n\n\n\n hi\n\n```\n\n### Elementos de Raiz do Componente Filho \n\nCom `scoped`, os estilos do componente pai não passarão para os componentes filhos. No entanto, um nó de raiz do componente filho será afetado por ambas CSS isolada do pai e a CSS isolada do filho. Isto é de propósito para que o pai possa estilizar o elemento de raiz filho para fins de disposição.\n\n### Seletores Profundos \n\nSe quisermos que um seletor nos estilos `scoped` torne-se \"profundo\", ou seja, afete componentes filho, podemos usar a pseudo-classe `:deep()`:\n\n```vue\n\n```\n\nO código acima será compilado para:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip DICA\nOs conteúdos do DOM criados com `v-html` não são afetados pelos estilos isolados, mas ainda podemos estilizá-los usando seletores profundos.\n:::\n\n### Seletores Inseridos \n\nPor padrão, os estilos isolados não afetam os conteúdos interpretados pelo `red
\n\n\n\n```\n\n### Uso com API de Composição \n\nAs classes injetadas podem ser acessadas na `setup()` e no `\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nOs blocos personalizados podem ser incluídos num ficheiro `*.vue` por qualquer necessidade específica do projeto, por exemplo um bloco ``. Alguns exemplos do mundo real de blocos personalizados incluem:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\nA manipulação dos blocos personalizados dependerá do ferramental - se quisermos construir as nossas próprias integrações de bloco personalizado, podemos consultar a [seção de ferramental de integrações de bloco personalizado do Componente de Ficheiro Único](https://pt.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) por mais detalhes.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#blocos-personalizados"
- }
- ]
+ "references": "api/sfc-spec.html#blocos-personalizados"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nOs blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)\n"
+ "value": "Os blocos podem declarar linguagens pré-processadoras usando o atributo `lang`. O caso mais comum é usar TypeScript para o bloco `\n```\n\n`lang` pode ser aplicado à qualquer bloco - por exemplo, podemos usar o `\n```\n\nNota que a integração com os vários pré-processadores pode diferir conforme a cadeia de ferramenta. Consulte a respetiva documentação por exemplos:\n\n- [Vite](https://pt.vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css.html#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors.html#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nSe preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```\n"
+ "value": "Se preferirmos separar os nossos componentes `*.vue` em vários ficheiros, podemos usar o atributo `src` para importar um ficheiro externo para um bloco de linguagem:\n\n```vue\n\n\n\n```\n\nDevemos estar ciente de que as importações de `src` seguem as mesmas regras de resolução de caminho que as requisições de módulo da Webpack, o que significa que:\n\n- Os caminhos relativos precisam começar com `./`\n- Nós podemos importar recursos a partir das dependências do npm:\n\n```vue\n\n\n```\n\nAs importações de `src` também funcionam com os blocos personalizados, por exemplo:\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/ru.json b/packages/language-service/data/language-blocks/ru.json
index fbd8e21c06..391043c99a 100644
--- a/packages/language-service/data/language-blocks/ru.json
+++ b/packages/language-service/data/language-blocks/ru.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nЕсли вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- В каждом файле `*.vue` может быть не более одной секции `` верхнего уровня.\n\n- Содержимое будет извлечено и передано в `@vue/compiler-dom`, где предварительно скомпилируется в render-функцию JavaScript и будет присоединено к экспортируемому компоненту в качестве его опции `render`.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nЕсли вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- В каждом файле `*.vue` может быть не более одной секции`\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\nКогда секция `\n\n\n привет\n\n```\n\nВ этот код:\n\n```vue\n\n\n\n привет\n\n```\n\n### Корневые элементы дочернего компонента \n\nПри использовании `scoped` стили родительского компонента не будут проникать в дочерние компоненты. Однако корневой элемент дочернего компонента будет подвержен влиянию как родительского, так и дочернего CSS. Это сделано специально для того, чтобы родитель мог стилизовать корневой элемент дочернего компонента в целях вёрстки.\n\n### Глубокие селекторы \n\nЕсли требуется, чтобы селектор в `scoped` стилях был \"глубоким\", т.е. влиял на дочерние компоненты, можно использовать псевдокласс `:deep()`:\n\n```vue\n\n```\n\nКод выше будет скомпилирован в:\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip Совет\nСодержимое DOM, созданное при помощи `v-html`, не подвержено влиянию стилей c ограниченной областью действия, но его все же можно стилизовать с помощью глубоких селекторов.\n:::\n\n### Селекторы слотов \n\nПо умолчанию стили с ограниченной областью действия не влияют на содержимое, отображаемое с помощью `red
\n\n\n\n```\n\n### Использование с Composition API \n\nДоступ к внедряемым классам можно получить в `setup()` и `\n\n\n red
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
"value": "\n- В одном файле `*.vue` может быть несколько секций `\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\nВ файл `*.vue` могут быть включены дополнительные пользовательские секции для любых специфических нужд проекта, например, секция ``. Некоторые реальные примеры пользовательских секций:\n\n- [Gridsome: ``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql: ``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n: ``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\nОбработка пользовательских секций зависит от инструментария — если вы хотите создать свои собственные интеграции пользовательских секций, обратитесь к разделу [инструментарий SFC](https://ru.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations) для более подробной информации.\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#пользовательские-секции"
- }
- ]
+ "references": "api/sfc-spec.html#пользовательские-секции"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\nВ секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)\n"
+ "value": "В секциях можно объявить язык пре-процессора с помощью атрибута `lang`. Наиболее распространённый случай — использование TypeScript для секции `\n```\n\nАтрибут `lang` можно применить к любой секции — например можно использовать [SASS](https://sass-lang.com/) в секции `\n```\n\nОбратите внимание, что интеграция с различными пре-процессорами может отличаться в зависимости от инструментария. Примеры можно найти в соответствующей документации:\n\n- [Vite](https://vitejs.dev/guide/features#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/guide/css#pre-processors)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/guide/pre-processors#using-pre-processors)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\nЕсли вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n"
+ "value": "Если вы предпочитаете разделять компоненты `*.vue` на несколько файлов, вы можете использовать атрибут `src` для импорта внешнего файла для языковой секции:\n\n```vue\n\n\n\n```\n\nИмпорты через `src` следуют тем же правилам разрешения путей, что и запросы модулей webpack, что означает:\n\n- Относительные пути должны начинаться с `./`\n- Можно импортировать ресурсы из зависимостей npm:\n\n```vue\n\n\n```\n\nИмпорты через `src` также работают с пользовательскими секциями, например:\n\n```vue\n\n \n```\n\n:::warning Note\nWhile using aliases in `src`, don't start with `~`, anything after it is interpreted as a module request. This means you can reference assets inside node modules:\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/zh-cn.json b/packages/language-service/data/language-blocks/zh-cn.json
index ff3d116e31..a6a2fee6e0 100644
--- a/packages/language-service/data/language-blocks/zh-cn.json
+++ b/packages/language-service/data/language-blocks/zh-cn.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n\n:::warning 注意\n在 `src` 中使用别名时，不要以 `~` 开头，后面的任何内容都会被解释为模块请求。这意味着你可以引用 node 模块中的资源：\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- 每个 `*.vue` 文件最多可以包含一个顶层 `` 块。\n\n- 语块包裹的内容将会被提取、传递给 `@vue/compiler-dom`，预编译为 JavaScript 渲染函数，并附在导出的组件上作为其 `render` 选项。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n\n:::warning 注意\n在 `src` 中使用别名时，不要以 `~` 开头，后面的任何内容都会被解释为模块请求。这意味着你可以引用 node 模块中的资源：\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- 每个 `*.vue` 文件最多可以包含一个 `\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n\n:::warning 注意\n在 `src` 中使用别名时，不要以 `~` 开头，后面的任何内容都会被解释为模块请求。这意味着你可以引用 node 模块中的资源：\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\n当 `\n\n\n hi\n\n```\n\n转换为：\n\n```vue\n\n\n\n hi\n\n```\n\n### 子组件的根元素 \n\n使用 `scoped` 后，父组件的样式将不会渗透到子组件中。不过，子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。\n\n### 深度选择器 \n\n处于 `scoped` 样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用 `:deep()` 这个伪类：\n\n```vue\n\n```\n\n上面的代码会被编译成：\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n通过 `v-html` 创建的 DOM 内容不会被作用域样式影响，但你仍然可以使用深度选择器来设置其样式。\n:::\n\n### 插槽选择器 \n\n默认情况下，作用域样式不会影响到 `red
\n\n\n\n```\n\n### 与组合式 API 一同使用 \n\n可以通过 `useCssModule` API 在 `setup()` 和 `\n\n\n red
\n\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-css-features.html#css-modules"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-css-features.html#css-modules"
- }
- ]
+ "references": "api/sfc-css-features.html#css-modules"
}
],
"description": {
"kind": "markdown",
- "value": "\n- 每个 `*.vue` 文件可以包含多个 `\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n\n:::warning 注意\n在 `src` 中使用别名时，不要以 `~` 开头，后面的任何内容都会被解释为模块请求。这意味着你可以引用 node 模块中的资源：\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
- "value": "\n在一个 `*.vue` 文件中可以为任何项目特定需求使用额外的自定义块。举例来说，一个用作写文档的 `` 块。这里是一些自定义块的真实用例：\n\n- [Gridsome：``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql：``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n：``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\n自定义块的处理需要依赖工具链。如果你想要在构建中集成你的自定义语块，请参见 [SFC 自定义块集成工具链指南](https://cn.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)获取更多细节。\n"
+ "value": "\n在一个 `*.vue` 文件中可以为任何项目特定需求使用额外的自定义块。举例来说，一个用作写文档的 `` 块。这里是一些自定义块的真实用例：\n\n- [Gridsome：``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql：``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n：``](https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n#i18n-custom-block)\n\n自定义块的处理需要依赖工具链。如果你想要在构建中集成你的自定义语块，请参见[单文件组件自定义块集成工具链指南](https://cn.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)获取更多细节。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#自定义块"
- }
- ]
+ "references": "api/sfc-spec.html#自定义块"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n\n:::warning 注意\n在 `src` 中使用别名时，不要以 `~` 开头，后面的任何内容都会被解释为模块请求。这意味着你可以引用 node 模块中的资源：\n```vue\n\n```\n:::"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/language-blocks/zh-hk.json b/packages/language-service/data/language-blocks/zh-hk.json
index 72014c74ad..4c1eecf2a8 100644
--- a/packages/language-service/data/language-blocks/zh-hk.json
+++ b/packages/language-service/data/language-blocks/zh-hk.json
@@ -8,68 +8,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -79,120 +26,14 @@
"name": "pug"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
}
],
"description": {
"kind": "markdown",
"value": "\n- 每个 `*.vue` 文件最多可以包含一个顶层 `` 块。\n\n- 语块包裹的内容将会被提取、传递给 `@vue/compiler-dom`，预编译为 JavaScript 渲染函数，并附在导出的组件上作为其 `render` 选项。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#template"
- }
- ]
+ "references": "api/sfc-spec.html#template"
},
{
"name": "script",
@@ -201,68 +42,15 @@
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -278,60 +66,7 @@
"name": "jsx"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "generic"
@@ -343,120 +78,14 @@
"kind": "markdown",
"value": "\n- 每个 `*.vue` 文件最多可以包含一个 `\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
},
{
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [
{
@@ -610,244 +133,32 @@
"name": "sass"
}
],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "scoped",
"valueSet": "v",
"description": {
"kind": "markdown",
- "value": "\n当 `\n\n\n hi\n\n```\n\n转换为：\n\n```vue\n\n\n\n hi\n\n```\n\n### 子组件的根元素 \n\n使用 `scoped` 后，父组件的样式将不会渗透到子组件中。不过，子组件的根节点会同时被父组件的作用域样式和子组件的作用域样式影响。这样设计是为了让父组件可以从布局的角度出发，调整其子组件根元素的样式。\n\n### 深度选择器 \n\n处于 `scoped` 样式中的选择器如果想要做更“深度”的选择，也即：影响到子组件，可以使用 `:deep()` 这个伪类：\n\n```vue\n\n```\n\n上面的代码会被编译成：\n\n```css\n.a[data-v-f3f3eg9] .b {\n /* ... */\n}\n```\n\n:::tip\n通过 `v-html` 创建的 DOM 内容不会被作用域样式影响，但你仍然可以使用深度选择器来设置其样式。\n:::\n\n### 插槽选择器 \n\n默认情况下，作用域样式不会影响到 `red
\n\n\n\n```\n\n### 与组合式 API 一同使用 \n\n可以通过 `useCssModule` API 在 `setup()` 和 `\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
],
"description": {
"kind": "markdown",
"value": "\n在一个 `*.vue` 文件中可以为任何项目特定需求使用额外的自定义块。举例来说，一个用作写文档的 `` 块。这里是一些自定义块的真实用例：\n\n- [Gridsome：``](https://gridsome.org/docs/querying-data/)\n- [vite-plugin-vue-gql：``](https://github.com/wheatjs/vite-plugin-vue-gql)\n- [vue-i18n：``](https://github.com/intlify/bundle-tools/tree/main/packages/vite-plugin-vue-i18n#i18n-custom-block)\n\n自定义块的处理需要依赖工具链。如果你想要在构建中集成你的自定义语块，请参见 [SFC 自定义块集成工具链指南](https://zh-hk.vuejs.org/guide/scaling-up/tooling.html#sfc-custom-block-integrations)获取更多细节。\n"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#自定义块"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#自定义块"
- }
- ]
+ "references": "api/sfc-spec.html#自定义块"
}
],
"globalAttributes": [
@@ -979,124 +184,18 @@
"name": "lang",
"description": {
"kind": "markdown",
- "value": "\n代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n"
+ "value": "代码块可以使用 `lang` 这个 attribute 来声明预处理器语言，最常见的用例就是在 `\n```\n\n`lang` 在任意块上都能使用，比如我们可以在 `\n```\n\n注意对不同预处理器的集成会根据你所使用的工具链而有所不同，具体细节请查看相应的工具链文档来确认：\n\n- [Vite](https://cn.vitejs.dev/guide/features.html#css-pre-processors)\n- [Vue CLI](https://cli.vuejs.org/zh/guide/css.html#%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)\n- [webpack + vue-loader](https://vue-loader.vuejs.org/zh/guide/pre-processors.html#%E4%BD%BF%E7%94%A8%E9%A2%84%E5%A4%84%E7%90%86%E5%99%A8)"
},
"values": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#pre-processors"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#pre-processors"
- }
- ]
+ "references": "api/sfc-spec.html#pre-processors"
},
{
"name": "src",
"description": {
"kind": "markdown",
- "value": "\n如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```\n"
+ "value": "如果你更喜欢将 `*.vue` 组件分散到多个文件中，可以为一个语块使用 `src` 这个 attribute 来导入一个外部文件：\n\n```vue\n\n\n\n```\n\n请注意 `src` 导入和 JS 模块导入遵循相同的路径解析规则，这意味着：\n\n- 相对路径需要以 `./` 开头\n- 你也可以从 npm 依赖中导入资源\n\n```vue\n\n\n```\n\n`src` 导入对自定义语块也同样适用：\n\n```vue\n\n \n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/sfc-spec.html#src-imports"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/sfc-spec.html#src-imports"
- }
- ]
+ "references": "api/sfc-spec.html#src-imports"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/locale.json b/packages/language-service/data/locale.json
new file mode 100644
index 0000000000..022da19944
--- /dev/null
+++ b/packages/language-service/data/locale.json
@@ -0,0 +1,54 @@
+[
+ {
+ "name": "en",
+ "url": "https://vuejs.org/"
+ },
+ {
+ "name": "zh-cn",
+ "url": "https://cn.vuejs.org/"
+ },
+ {
+ "name": "zh-hk",
+ "url": "https://zh-hk.vuejs.org/"
+ },
+ {
+ "name": "ja",
+ "url": "https://ja.vuejs.org/"
+ },
+ {
+ "name": "ua",
+ "url": "https://ua.vuejs.org/"
+ },
+ {
+ "name": "fr",
+ "url": "https://fr.vuejs.org/"
+ },
+ {
+ "name": "ko",
+ "url": "https://ko.vuejs.org/"
+ },
+ {
+ "name": "pt",
+ "url": "https://pt.vuejs.org/"
+ },
+ {
+ "name": "bn",
+ "url": "https://bn.vuejs.org/"
+ },
+ {
+ "name": "it",
+ "url": "https://it.vuejs.org/"
+ },
+ {
+ "name": "cs",
+ "url": "https://cs.vuejs.org/"
+ },
+ {
+ "name": "ru",
+ "url": "https://ru.vuejs.org/"
+ },
+ {
+ "name": "fa",
+ "url": "https://fa.vuejs.org/"
+ }
+]
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/cs.json b/packages/language-service/data/model-modifiers/cs.json
index b6ccf5689e..f2444d5ab2 100644
--- a/packages/language-service/data/model-modifiers/cs.json
+++ b/packages/language-service/data/model-modifiers/cs.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nVe výchozím nastavení `v-model` synchronizuje vstup s daty po každé události `input` (s výjimkou IME kompozice, jak je [uvedeno výše](#vmodel-ime-tip)). Místo toho můžete přidat modifikátor`lazy` k synchronizaci po události `change`:\n\n```html\n\n\n```\n"
+ "value": "Ve výchozím nastavení `v-model` synchronizuje vstup s daty po každé události `input` (s výjimkou IME kompozice, jak je [uvedeno výše](#vmodel-ime-tip)). Místo toho můžete přidat modifikátor `lazy` k synchronizaci po události `change`:\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nPokud chcete, aby byl uživatelský vstup automaticky přetypován jako číslo, můžete do vašich vstupů spravovaných přes `v-model` přidat modifikátor `number`:\n\n```html\n\n```\n\nPokud hodnotu nelze přetypovat pomocí `parseFloat()`, bude použita původní hodnota.\n\nModifikátor `number` se aplikuje automaticky, pokud má vstupní pole atribut `type=\"number\"`.\n"
+ "value": "Pokud chcete, aby byl uživatelský vstup automaticky přetypován jako číslo, můžete do vašich vstupů spravovaných přes `v-model` přidat modifikátor `number`:\n\n```html\n\n```\n\nPokud hodnotu nelze přetypovat pomocí `parseFloat()`, bude místo toho použita původní hodnota (string). V případě, že je vstup prázdný (například poté, co uživatel pole vyčistí), bude vrácen prázdný string. Toto chování se liší od [vlastnosti DOM `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber). \n\nModifikátor `number` se aplikuje automaticky, pokud má vstupní pole atribut `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nPokud chcete z uživatelského vstupu automaticky odstranit bílé znaky (whitespace), můžete do vašich vstupů spravovaných přes `v-model` přidat modifikátor `trim`:\n\n```html\n\n```\n"
+ "value": "Pokud chcete z uživatelského vstupu automaticky odstranit bílé znaky (whitespace), můžete do vašich vstupů spravovaných přes `v-model` přidat modifikátor `trim`:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/en.json b/packages/language-service/data/model-modifiers/en.json
index 60dcfeaa42..a67defeadd 100644
--- a/packages/language-service/data/model-modifiers/en.json
+++ b/packages/language-service/data/model-modifiers/en.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nBy default, `v-model` syncs the input with the data after each `input` event (with the exception of IME composition as [stated above](#vmodel-ime-tip)). You can add the `lazy` modifier to instead sync after `change` events:\n\n```html\n\n\n```\n"
+ "value": "By default, `v-model` syncs the input with the data after each `input` event (with the exception of IME composition as [stated above](#vmodel-ime-tip)). You can add the `lazy` modifier to instead sync after `change` events:\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nIf you want user input to be automatically typecast as a number, you can add the `number` modifier to your `v-model` managed inputs:\n\n```html\n\n```\n\nIf the value cannot be parsed with `parseFloat()`, then the original value is used instead.\n\nThe `number` modifier is applied automatically if the input has `type=\"number\"`.\n"
+ "value": "If you want user input to be automatically typecast as a number, you can add the `number` modifier to your `v-model` managed inputs:\n\n```html\n\n```\n\nIf the value cannot be parsed with `parseFloat()`, then the original (string) value is used instead. In particular, if the input is empty (for instance after the user clearing the input field), an empty string is returned. This behavior differs from the [DOM property `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber). \n\nThe `number` modifier is applied automatically if the input has `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nIf you want whitespace from user input to be trimmed automatically, you can add the `trim` modifier to your `v-model`-managed inputs:\n\n```html\n\n```\n"
+ "value": "If you want whitespace from user input to be trimmed automatically, you can add the `trim` modifier to your `v-model`-managed inputs:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/fr.json b/packages/language-service/data/model-modifiers/fr.json
index 3d1eadce75..876e8f4529 100644
--- a/packages/language-service/data/model-modifiers/fr.json
+++ b/packages/language-service/data/model-modifiers/fr.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nPar défaut, `v-model` synchronise l'entrée avec les données après chaque événement `input` (à l'exception de la composition IME comme [indiqué ci-dessus](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour enclencher la synchronisation après les événements `change` :\n\n```html\n\n\n```\n"
+ "value": "Par défaut, `v-model` synchronise l'entrée avec les données après chaque événement `input` (à l'exception de la composition IME comme [indiqué ci-dessus](#vmodel-ime-tip)). Vous pouvez ajouter le modificateur `lazy` pour enclencher la synchronisation après les événements `change` :\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nSi vous voulez que l'entrée de l'utilisateur soit automatiquement typée comme un nombre, vous pouvez ajouter le modificateur `number` à vos entrées gérées par `v-model` :\n\n```html\n\n```\n\nSi la valeur ne peut pas être analysée avec `parseFloat()`, alors la valeur originale est utilisée à la place.\n\nLe modificateur `number` est appliqué automatiquement si l'entrée possède `type=\"number\"`.\n"
+ "value": "Si vous voulez que l'entrée de l'utilisateur soit automatiquement typée comme un nombre, vous pouvez ajouter le modificateur `number` à vos entrées gérées par `v-model` :\n\n```html\n\n```\n\nSi la valeur ne peut pas être analysée avec `parseFloat()`, alors la valeur originale (chaîne) est utilisée à la place. En particulier, si l'entrée est vide (par exemple après que l'utilisateur ait effacé le champ de saisie), une chaîne vide est renvoyée. Ce comportement diffère de la [propriété DOM `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber).\n\nLe modificateur `number` est appliqué automatiquement si l'entrée possède `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nSi vous voulez que les espaces blancs des entrées utilisateur soient automatiquement supprimés, vous pouvez ajouter le modificateur `trim` à vos entrées gérées par `v-model` :\n\n```html\n\n```\n"
+ "value": "Si vous voulez que les espaces blancs des entrées utilisateur soient automatiquement supprimés, vous pouvez ajouter le modificateur `trim` à vos entrées gérées par `v-model` :\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/it.json b/packages/language-service/data/model-modifiers/it.json
index 0b620abdf8..2d2efdd2f5 100644
--- a/packages/language-service/data/model-modifiers/it.json
+++ b/packages/language-service/data/model-modifiers/it.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nDi default, `v-model` sincronizza l'input con i dati dopo ogni evento `input` (con l'eccezione della composizione IME come [indicato sopra](#vmodel-ime-tip)). Aggiungendo il modificatore `lazy`, la sincronizzazione avviene dopo gli eventi `change`, anziché dopo ogni evento `input`:\n\n```html\n\n\n```\n"
+ "value": "Di default, `v-model` sincronizza l'input con i dati dopo ogni evento `input` (con l'eccezione della composizione IME come [indicato sopra](#vmodel-ime-tip)). Aggiungendo il modificatore `lazy`, la sincronizzazione avviene dopo gli eventi `change`, anziché dopo ogni evento `input`:\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nSe desideri che l'input dell'utente venga automaticamente convertito in un numero, puoi aggiungere il modificatore `number` agli input gestiti da `v-model`:\n\n```html\n\n```\n\nSe il valore non può essere interpretato con `parseFloat()`, verrà allora utilizzato il valore originale.\n\nIl modificatore `number` viene applicato automaticamente se l'input ha `type=\"number\"`.\n"
+ "value": "Se desideri che l'input dell'utente venga automaticamente convertito in un numero, puoi aggiungere il modificatore `number` agli input gestiti da `v-model`:\n\n```html\n\n```\n\nSe il valore non può essere interpretato con `parseFloat()`, verrà allora utilizzato il valore originale.\n\nIl modificatore `number` viene applicato automaticamente se l'input ha `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nSe vuoi che gli spazi bianchi inseriti dall'utente vengano rimossi automaticamente, puoi aggiungere il modificatore `trim` agli input gestiti da `v-model`:\n\n```html\n\n```\n"
+ "value": "Se vuoi che gli spazi bianchi inseriti dall'utente vengano rimossi automaticamente, puoi aggiungere il modificatore `trim` agli input gestiti da `v-model`:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/ja.json b/packages/language-service/data/model-modifiers/ja.json
index 98f35a6ab9..2a2a1ecb55 100644
--- a/packages/language-service/data/model-modifiers/ja.json
+++ b/packages/language-service/data/model-modifiers/ja.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nデフォルトでは、 `v-model` は各 `input` イベントの後に、入力とデータを同期します（[上記](#vmodel-ime-tip) の IME による入力は例外とします）。 代わりに `change` イベント後に同期する `lazy` 修飾子を追加することができます。\n\n```html\n\n\n```\n"
+ "value": "デフォルトでは、 `v-model` は各 `input` イベントの後に、入力とデータを同期します（[上記](#vmodel-ime-tip) の IME による入力は例外とします）。 代わりに `change` イベント後に同期する `lazy` 修飾子を追加することができます。\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nユーザー入力を自動で数値として型変換したい場合、 `v-model` で管理している入力に `number` 修飾子を追加することができます。\n\n```html\n\n```\n\nもし値が `parseFloat()` で解析できない場合は、代わりに元の値が使用されます。\n\ninput が `type=\"number\"` を持つ場合は `number` 修飾子が自動で適用されます。\n"
+ "value": "ユーザー入力を自動で数値として型変換したい場合、 `v-model` で管理している入力に `number` 修飾子を追加することができます。\n\n```html\n\n```\n\nもし値が `parseFloat()` で解析できない場合は、代わりに元の（文字列）値が使用されます。特に、入力が空の場合（例えばユーザーが入力フィールドをクリアした後など）、空文字列が返されます。この動作は [DOM プロパティの `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber) とは異なります。\n\ninput が `type=\"number\"` を持つ場合は `number` 修飾子が自動で適用されます。"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nユーザー入力から自動で空白を取り除きたい場合、 `v-model` で管理している入力に `trim` 修飾子を追加することができます。\n\n```html\n\n```\n"
+ "value": "ユーザー入力から自動で空白を取り除きたい場合、 `v-model` で管理している入力に `trim` 修飾子を追加することができます。\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/ko.json b/packages/language-service/data/model-modifiers/ko.json
index b79b38cc57..06b4a51339 100644
--- a/packages/language-service/data/model-modifiers/ko.json
+++ b/packages/language-service/data/model-modifiers/ko.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\n기본적으로 `v-model`은 각 `input` 이벤트 이후 데이터와 입력을 동기화합니다([위에 언급된 IME 구성 제외](#vmodel-ime-tip)).\n대신 `change` 이벤트 이후에 동기화하기 위해 `.lazy` 수식어를 추가할 수 있습니다.\n\n```html\n\n\n```\n"
+ "value": "기본적으로 `v-model`은 각 `input` 이벤트 이후 데이터와 입력을 동기화합니다([위에 언급된 IME 구성 제외](#vmodel-ime-tip)).\n대신 `change` 이벤트 이후에 동기화하기 위해 `.lazy` 수식어를 추가할 수 있습니다.\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\n사용자 입력이 자동으로 숫자로 유형 변환되도록 하려면, `v-model` 수식어로 `.number`를 추가하면 됩니다:\n\n```html\n\n```\n\n값을 `parseFloat()`로 파싱할 수 없으면 원래 값이 대신 사용됩니다.\n\n인풋에 `type=\"number\"`가 있으면 `.number` 수식어가 자동으로 적용됩니다.\n"
+ "value": "사용자 입력이 자동으로 숫자로 유형 변환되도록 하려면, `v-model` 수식어로 `.number`를 추가하면 됩니다:\n\n```html\n\n```\n\n값을 `parseFloat()`로 파싱할 수 없으면 원래 값이 대신 사용됩니다.\n\n인풋에 `type=\"number\"`가 있으면 `.number` 수식어가 자동으로 적용됩니다."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\n사용자 입력의 공백이 자동으로 트리밍되도록 하려면 `v-model` 수식어로 `.trim`을 추가하면 됩니다:\n\n```html\n\n```\n"
+ "value": "사용자 입력의 공백이 자동으로 트리밍되도록 하려면 `v-model` 수식어로 `.trim`을 추가하면 됩니다:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/pt.json b/packages/language-service/data/model-modifiers/pt.json
index a70e1c6078..df82c8d84c 100644
--- a/packages/language-service/data/model-modifiers/pt.json
+++ b/packages/language-service/data/model-modifiers/pt.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nPor padrão, a `v-model` sincroniza a entrada com o dado depois de cada evento de `input` (com a exceção da composição de IME como [especificada acima](#vmodel-ime-tip)). Tu podes adicionar o modificador `lazy` no lugar de sincronizar depois dos eventos `change`:\n\n```html\n\n\n```\n"
+ "value": "Por padrão, a `v-model` sincroniza a entrada com o dado depois de cada evento de `input` (com a exceção da composição de IME como [especificada acima](#vmodel-ime-tip)). Tu podes adicionar o modificador `lazy` no lugar de sincronizar depois dos eventos `change`:\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nSe quiseres que a entrada do utilizador seja automaticamente tratada como um número, podes adicionar o modificador `number` as tuas entradas geridas pela `v-model`:\n\n```html\n\n```\n\nSe o valor não puder ser analisado com `parseFloat()`, então o valor original é utilizado no lugar.\n\nO modificador `number` é aplicado automaticamente se a entrada tiver o `type=\"number\"`.\n"
+ "value": "Se quiseres que a entrada do utilizador seja automaticamente tratada como um número, podes adicionar o modificador `number` as tuas entradas geridas pela `v-model`:\n\n```html\n\n```\n\nSe o valor não puder ser analisado com `parseFloat()`, então o valor original é utilizado no lugar.\n\nO modificador `number` é aplicado automaticamente se a entrada tiver o `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nSe quiseres que espaços em branco da entrada do utilizador sejam cortados automaticamente, podes adicionar o modificador `trim` as tuas entradas geridas pela `v-model`:\n\n```html\n\n```\n"
+ "value": "Se quiseres que espaços em branco da entrada do utilizador sejam cortados automaticamente, podes adicionar o modificador `trim` as tuas entradas geridas pela `v-model`:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/ru.json b/packages/language-service/data/model-modifiers/ru.json
index 1da418479d..2dcb2cee59 100644
--- a/packages/language-service/data/model-modifiers/ru.json
+++ b/packages/language-service/data/model-modifiers/ru.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\nПо умолчанию `v-model` синхронизирует поле ввода с данными по событию `input` (кроме [вышеупомянутых исключений](#vmodel-ime-tip) для композиции IME). Можно воспользоваться модификатором `lazy`, чтобы синхронизация происходила по событию `change`:\n\n```html\n\n\n```\n"
+ "value": "По умолчанию `v-model` синхронизирует поле ввода с данными по событию `input` (кроме [вышеупомянутых исключений](#vmodel-ime-tip) для композиции IME). Можно воспользоваться модификатором `lazy`, чтобы синхронизация происходила по событию `change`:\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\nДля автоматического приведения введённого пользователем к числу можно добавить модификатор `number`:\n\n```html\n\n```\n\nЕсли значение не получится привести к числу с помощью `parseFloat()`, то будет возвращено исходное значение.\n\nМодификатор `number` автоматически применяется к полям `type=\"number\"`.\n"
+ "value": "Для автоматического приведения введённого пользователем к числу можно добавить модификатор `number`:\n\n```html\n\n```\n\nЕсли значение не получится привести к числу с помощью `parseFloat()`, то будет возвращено исходное значение. В частности, если поле ввода пустое (например, после того, как пользователь очистил поле ввода), возвращается пустая строка. Это поведение отличается от свойства [DOM `valueAsNumber`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#valueasnumber).\n\nМодификатор `number` автоматически применяется к полям `type=\"number\"`."
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\nЕсли необходимо автоматически удалять пробельные символы в начале и в конце строки, можно добавить модификатор `trim`:\n\n```html\n\n```\n"
+ "value": "Если необходимо автоматически удалять пробельные символы в начале и в конце строки, можно добавить модификатор `trim`:\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/zh-cn.json b/packages/language-service/data/model-modifiers/zh-cn.json
index 58cc6bc4d9..711da8fce2 100644
--- a/packages/language-service/data/model-modifiers/zh-cn.json
+++ b/packages/language-service/data/model-modifiers/zh-cn.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\n默认情况下，`v-model` 会在每次 `input` 事件后更新数据 ([IME 拼字阶段的状态](#vmodel-ime-tip)例外)。你可以添加 `lazy` 修饰符来改为在每次 `change` 事件后更新数据：\n\n```html\n\n\n```\n"
+ "value": "默认情况下，`v-model` 会在每次 `input` 事件后更新数据 ([IME 拼字阶段的状态](#vmodel-ime-tip)例外)。你可以添加 `lazy` 修饰符来改为在每次 `change` 事件后更新数据：\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\n如果你想让用户输入自动转换为数字，你可以在 `v-model` 后添加 `.number` 修饰符来管理输入：\n\n```html\n\n```\n\n如果该值无法被 `parseFloat()` 处理，那么将返回原始值。\n\n`number` 修饰符会在输入框有 `type=\"number\"` 时自动启用。\n"
+ "value": "如果你想让用户输入自动转换为数字，你可以在 `v-model` 后添加 `.number` 修饰符来管理输入：\n\n```html\n\n```\n\n如果该值无法被 `parseFloat()` 处理，那么将返回原始值。特别是当输入为空时 (例如用户清空输入字段之后)，会返回一个空字符串。这种行为与 [DOM 属性 valueAsNumber](https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLInputElement#valueasnumber) 有所不同。\n\n`number` 修饰符会在输入框有 `type=\"number\"` 时自动启用。"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\n如果你想要默认自动去除用户输入内容中两端的空格，你可以在 `v-model` 后添加 `.trim` 修饰符：\n\n```html\n\n```\n"
+ "value": "如果你想要默认自动去除用户输入内容中两端的空格，你可以在 `v-model` 后添加 `.trim` 修饰符：\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/model-modifiers/zh-hk.json b/packages/language-service/data/model-modifiers/zh-hk.json
index 60c3695f5d..48afe05690 100644
--- a/packages/language-service/data/model-modifiers/zh-hk.json
+++ b/packages/language-service/data/model-modifiers/zh-hk.json
@@ -5,184 +5,25 @@
"name": "lazy",
"description": {
"kind": "markdown",
- "value": "\n默認情況下，`v-model` 會在每次 `input` 事件後更新數據 ([IME 拼字階段的狀態](#vmodel-ime-tip)例外)。你可以添加 `lazy` 修飾符來改為在每次 `change` 事件後更新數據：\n\n```html\n\n\n```\n"
+ "value": "默認情況下，`v-model` 會在每次 `input` 事件後更新數據 ([IME 拼字階段的狀態](#vmodel-ime-tip)例外)。你可以添加 `lazy` 修飾符來改為在每次 `change` 事件後更新數據：\n\n```html\n\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#lazy"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#lazy"
- }
- ]
+ "references": "guide/essentials/forms.html#lazy"
},
{
"name": "number",
"description": {
"kind": "markdown",
- "value": "\n如果你想讓用戶輸入自動轉換為數字，你可以在 `v-model` 後添加 `.number` 修飾符來管理輸入：\n\n```html\n\n```\n\n如果該值無法被 `parseFloat()` 處理，那麼將返回原始值。\n\n`number` 修飾符會在輸入框有 `type=\"number\"` 時自動啟用。\n"
+ "value": "如果你想讓用戶輸入自動轉換為數字，你可以在 `v-model` 後添加 `.number` 修飾符來管理輸入：\n\n```html\n\n```\n\n如果該值無法被 `parseFloat()` 處理，那麼將返回原始值。\n\n`number` 修飾符會在輸入框有 `type=\"number\"` 時自動啟用。"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#number"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#number"
- }
- ]
+ "references": "guide/essentials/forms.html#number"
},
{
"name": "trim",
"description": {
"kind": "markdown",
- "value": "\n如果你想要默認自動去除用戶輸入內容中兩端的空格，你可以在 `v-model` 後添加 `.trim` 修飾符：\n\n```html\n\n```\n"
+ "value": "如果你想要默認自動去除用戶輸入內容中兩端的空格，你可以在 `v-model` 後添加 `.trim` 修飾符：\n\n```html\n\n```"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/guide/essentials/forms.html#trim"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/guide/essentials/forms.html#trim"
- }
- ]
+ "references": "guide/essentials/forms.html#trim"
}
]
}
\ No newline at end of file
diff --git a/packages/language-service/data/template/cs.json b/packages/language-service/data/template/cs.json
index 6730678676..3710144308 100644
--- a/packages/language-service/data/template/cs.json
+++ b/packages/language-service/data/template/cs.json
@@ -5,311 +5,46 @@
"name": "Transition",
"description": {
"kind": "markdown",
- "value": "\nPoskytuje animované přechodové (transition) efekty pro **jeden** element nebo **jednu** komponentu.\n\n- **Props**\n\n ```ts\n interface TransitionProps {\n /**\n * Slouží k automatickému generování názvů CSS tříd pro přechody.\n * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,\n * `.fade-enter-active`, atd.\n */\n name?: string\n /**\n * Určuje, zda se mají CSS třídy přechodů použít.\n * Výchozí hodnota: true\n */\n css?: boolean\n /**\n * Určuje typ událostí přechodů, na které se má čekat\n * pro určení času ukončení přechodu.\n * Výchozí chování je automatické detekování typu s delší dobou trvání.\n */\n type?: 'transition' | 'animation'\n /**\n * Určuje explicitní doby trvání přechodu.\n * Výchozí chování je čekání na první událost `transitionend`\n * nebo `animationend` na root elementu přechodu.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Ovládá časovou posloupnost přechodů při vstupu/výstupu.\n * Výchozí chování je současné provedení.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Určuje, zda se má přechod aplikovat při počátečním vykreslení.\n * Výchozí hodnota: false\n */\n appear?: boolean\n\n /**\n * Vlastnosti pro přizpůsobení tříd přechodů.\n * V šablonách použijte kebab-case zápis, např. enter-from-class=\"xxx\"\n */\n enterFromClass?: string\n enterActiveClass?: string\n enterToClass?: string\n appearFromClass?: string\n appearActiveClass?: string\n appearToClass?: string\n leaveFromClass?: string\n leaveActiveClass?: string\n leaveToClass?: string\n }\n ```\n\n- **Události**\n\n - `@before-enter`\n - `@before-leave`\n - `@enter`\n - `@leave`\n - `@appear`\n - `@after-enter`\n - `@after-leave`\n - `@after-appear`\n - `@enter-cancelled`\n - `@leave-cancelled` (pouze pro `v-show`)\n - `@appear-cancelled`\n\n- **Příklad**\n\n Jednoduchý element:\n\n ```html\n \n přepnutý obsah\n \n ```\n\n Vynucení přechodu změnou atributu `key`:\n\n ```html\n \n {{ text }}\n \n ```\n\n Dynamická komponenta s režimem přechodu + animace při zobrazení:\n\n ```html\n \n \n ```\n\n Naslouchání událostem přechodu:\n\n ```html\n \n přepnutý obsah\n \n ```\n\n- **Viz také:** [Průvodce - Transition](https://cs.vuejs.org/guide/built-ins/transition.html)\n"
+ "value": "\nPoskytuje animované přechodové (transition) efekty pro **jeden** element nebo **jednu** komponentu.\n\n- **Props**\n\n ```ts\n interface TransitionProps {\n /**\n * Slouží k automatickému generování názvů CSS tříd pro přechody.\n * Např. `name: 'fade'` se automaticky rozšíří na `.fade-enter`,\n * `.fade-enter-active` atd.\n */\n name?: string\n /**\n * Určuje, zda se mají CSS třídy přechodů použít.\n * Výchozí hodnota: true\n */\n css?: boolean\n /**\n * Určuje typ událostí přechodů, na které se má čekat\n * pro určení času ukončení přechodu.\n * Výchozí chování je automatické detekování typu s delší dobou trvání.\n */\n type?: 'transition' | 'animation'\n /**\n * Určuje explicitní doby trvání přechodu.\n * Výchozí chování je čekání na první událost `transitionend`\n * nebo `animationend` na root elementu přechodu.\n */\n duration?: number | { enter: number; leave: number }\n /**\n * Ovládá časovou posloupnost přechodů při vstupu/výstupu.\n * Výchozí chování je současné provedení.\n */\n mode?: 'in-out' | 'out-in' | 'default'\n /**\n * Určuje, zda se má přechod aplikovat při počátečním vykreslení.\n * Výchozí hodnota: false\n */\n appear?: boolean\n\n /**\n * Vlastnosti pro přizpůsobení tříd přechodů.\n * V šablonách použijte kebab-case zápis, např. enter-from-class=\"xxx\"\n */\n enterFromClass?: string\n enterActiveClass?: string\n enterToClass?: string\n appearFromClass?: string\n appearActiveClass?: string\n appearToClass?: string\n leaveFromClass?: string\n leaveActiveClass?: string\n leaveToClass?: string\n }\n ```\n\n- **Události**\n\n - `@before-enter`\n - `@before-leave`\n - `@enter`\n - `@leave`\n - `@appear`\n - `@after-enter`\n - `@after-leave`\n - `@after-appear`\n - `@enter-cancelled`\n - `@leave-cancelled` (pouze pro `v-show`)\n - `@appear-cancelled`\n\n- **Příklad**\n\n Jednoduchý element:\n\n ```html\n \n přepnutý obsah\n \n ```\n\n Vynucení přechodu změnou atributu `key`:\n\n ```html\n \n {{ text }}\n \n ```\n\n Dynamická komponenta s režimem přechodu + animace při zobrazení:\n\n ```html\n \n \n ```\n\n Naslouchání událostem přechodu:\n\n ```html\n \n přepnutý obsah\n \n ```\n\n- **Viz také:** [Průvodce – Transition](https://cs.vuejs.org/guide/built-ins/transition.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#transition"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#transition"
- }
- ]
+ "references": "api/built-in-components.html#transition"
},
{
"name": "TransitionGroup",
"description": {
"kind": "markdown",
- "value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `` přijímá stejné props jako `` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `` emituje stejné události jako ``.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\n\n ```html\n \n \n {{ item.text }}\n \n \n ```\n\n- **Viz také:** [Průvodce - TransitionGroup](https://cs.vuejs.org/guide/built-ins/transition-group.html)\n"
+ "value": "\nPoskytuje přechodové efekty pro **více** elementů nebo komponent v seznamu.\n\n- **Props**\n\n `` přijímá stejné props jako `` s výjimkou `mode`, plus dvě další vlastnosti:\n\n ```ts\n interface TransitionGroupProps extends Omit {\n /**\n * Pokud není definováno, vykresluje se jako fragment.\n */\n tag?: string\n /**\n * Pro přizpůsobení CSS třídy použité během přechodových animací.\n * V šablonách použijte kebab-case zápis, např. move-class=\"xxx\"\n */\n moveClass?: string\n }\n ```\n\n- **Události**\n\n `` emituje stejné události jako ``.\n\n- **Podrobnosti**\n\n Ve výchozím nastavení `` nevykresluje obalový DOM element, ale lze jej definovat pomocí vlastnosti `tag`.\n\n Pamatujte, že každý potomek v `` musí být [**jednoznačně označen**](https://cs.vuejs.org/guide/essentials/list.html#maintaining-state-with-key), aby animace fungovaly správně.\n\n `` podporuje pohyblivé přechody pomocí CSS transformace. Pokud se pozice potomka na obrazovce po aktualizaci změní, bude mu aplikována pohybová CSS třída (automaticky generovaná z atributu `name` nebo konfigurovaná pomocí vlastnosti `move-class`). Pokud je CSS vlastnost `transform` při aplikaci pohybové třídy „transition-able“, element bude na své cílové místo plynule animován pomocí [techniky FLIP](https://aerotwist.com/blog/flip-your-animations/).\n\n- **Příklad**\n\n ```html\n \n \n {{ item.text }}\n \n \n ```\n\n- **Viz také:** [Průvodce – TransitionGroup](https://cs.vuejs.org/guide/built-ins/transition-group.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#transitiongroup"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#transitiongroup"
- }
- ]
+ "references": "api/built-in-components.html#transitiongroup"
},
{
"name": "KeepAlive",
"description": {
"kind": "markdown",
- "value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka ``, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n \n \n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\n\n ```html\n \n 1\"> \n \n ```\n\n Použití společně s ``:\n\n ```html\n \n \n \n \n ```\n\n Použití `include` / `exclude`:\n\n ```html\n \n \n \n\n \n \n \n\n \n \n \n ```\n\n Použití s `max`:\n\n ```html\n \n \n ```\n\n- **Viz také:** [Průvodce - KeepAlive](https://cs.vuejs.org/guide/built-ins/keep-alive.html)\n"
+ "value": "\nUkládá stav dynamicky přepínatelných komponent obalených uvnitř do cache.\n\n- **Props**\n\n ```ts\n interface KeepAliveProps {\n /**\n * Pokud je specifikováno, budou do cache ukládány pouze komponenty\n * s názvy odpovídajícími `include`.\n */\n include?: MatchPattern\n /**\n * Jakákoli komponenta s názvem odpovídajícím `exclude` nebude \n * ukládána do cache.\n */\n exclude?: MatchPattern\n /**\n * Maximální počet instancí komponenty, které se mají ukládat do cache.\n */\n max?: number | string\n }\n\n type MatchPattern = string | RegExp | (string | RegExp)[]\n ```\n\n- **Podrobnosti**\n\n Když obaluje dynamickou komponentu, `` ukládá neaktivní instance komponent, aniž by je ničila.\n\n V `` může být v každém okamžiku pouze jedna aktivní instance komponenty jako přímý potomek.\n\n Když je komponenta uvnitř `` přepnuta, budou se volat odpovídající lifecycle hooky `activated` a `deactivated` poskytující alternativu k `mounted` a `unmounted`, které volány nejsou. To platí jak pro přímého potomka ``, tak pro všechny jeho potomky.\n\n- **Příklad**\n\n Základní použití:\n\n ```html\n \n \n ```\n\n Při použití s větvemi `v-if` / `v-else` musí být vždy zobrazena pouze jedna komponenta:\n\n ```html\n \n 1\"> \n \n ```\n\n Použití společně s ``:\n\n ```html\n \n \n \n \n ```\n\n Použití `include` / `exclude`:\n\n ```html\n \n \n \n\n \n \n \n\n \n \n \n ```\n\n Použití s `max`:\n\n ```html\n \n \n ```\n\n- **Viz také:** [Průvodce – KeepAlive](https://cs.vuejs.org/guide/built-ins/keep-alive.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#keepalive"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#keepalive"
- }
- ]
+ "references": "api/built-in-components.html#keepalive"
},
{
"name": "Teleport",
"description": {
"kind": "markdown",
- "value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n \n \n ```\n\n- **Viz také:** [Průvodce - Teleport](https://cs.vuejs.org/guide/built-ins/teleport.html)\n"
+ "value": "\nVykresluje obsah svého slotu na jiné části DOM.\n\n- **Props**\n\n ```ts\n interface TeleportProps {\n /**\n * Povinné. Určuje cílový kontejner.\n * Může být buď selektor nebo samotný element.\n */\n to: string | HTMLElement\n /**\n * Když je `true`, obsah zůstane na svém původním\n * místě místo přesunu do cílového kontejneru.\n * Lze měnit dynamicky.\n */\n disabled?: boolean \n /**\n * Když je `true`, Teleport bude před vyhodnocením\n * svého cíle odložen (defer), dokud nebudou \n * připojeny (mounted) další části aplikace (Vue 3.5+)\n */\n defer?: boolean\n }\n ```\n\n- **Příklad**\n\n Určení cílového kontejneru:\n\n ```html\n \n \n ```\n\n Odložení vyhodnocení cíle:\n\n ```html\n ... \n \n \n ```\n\n- **Viz také:** [Průvodce – Teleport](https://cs.vuejs.org/guide/built-ins/teleport.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#teleport"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#teleport"
- }
- ]
+ "references": "api/built-in-components.html#teleport"
},
{
"name": "Suspense",
"description": {
"kind": "markdown",
- "value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce - Suspense](https://cs.vuejs.org/guide/built-ins/suspense.html)\n"
+ "value": "\nPoužívá se pro orchestraci vnořených asynchronních závislostí ve stromu komponent.\n\n- **Props**\n\n ```ts\n interface SuspenseProps {\n timeout?: string | number\n suspensible?: boolean\n }\n ```\n\n- **Události**\n\n - `@resolve`\n - `@pending`\n - `@fallback`\n\n- **Podrobnosti**\n\n `` přijímá dva sloty: `#default` a `#fallback`. Zobrazí obsah fallback slotu, zatímco v paměti vykresluje default slot.\n\n Pokud narazí na asynchronní závislosti ([Asynchronní komponenty](https://cs.vuejs.org/guide/components/async.html) a komponenty s [`async setup()`](https://cs.vuejs.org/guide/built-ins/suspense.html#async-setup)) při vykreslování default slotu, počká, dokud nebudou všechny vyřešeny, než ho zobrazí.\n\n Nastavením komponenty Suspense na `suspensible` budou všechny asynchronní závislosti obsluhovány nadřazenou Suspense. Podívejte se na [detaily implementace](https://github.com/vuejs/core/pull/6736).\n\n- **Viz také:** [Průvodce – Suspense](https://cs.vuejs.org/guide/built-ins/suspense.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-components.html#suspense"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-components.html#suspense"
- }
- ]
+ "references": "api/built-in-components.html#suspense"
},
{
"name": "component",
@@ -318,184 +53,25 @@
"value": "\n„Meta komponenta“ pro vykreslování dynamických komponent nebo elementů.\n\n- **Props**\n\n ```ts\n interface DynamicComponentProps {\n is: string | Component\n }\n ```\n\n- **Podrobnosti**\n\n Skutečná komponenta k vykreslení je určena vlastností `is`.\n\n - Když je `is` řetězec, může to být buď název HTML tagu nebo zaregistrovaný název komponenty.\n\n - Alternativně může být `is` vázán přímo na definici komponenty.\n\n- **Příklad**\n\n Vykreslování komponent podle zaregistrovaného názvu (Options API):\n\n ```vue\n \n\n \n 0.5 ? Foo : Bar\" />\n \n ```\n\n Vykreslování HTML elementů:\n\n ```html\n \n ...\n \n \n ```\n\n Registrace není vyžadována, pokud do `is` místo jejího názvu předáte samotnou komponentu, např. ve `\n\n \n \n budou předány jako argumenty\n * pro scoped sloty\n */\n [key: string]: any\n /**\n * Rezervováno pro specifikaci jména slotu.\n */\n name?: string\n }\n ```\n\n- **Podrobnosti**\n\n Element `` může použít atribut `name` k určení jména slotu. Pokud není specifikováno žádné jméno, bude vykreslen výchozí (default) slot. Další atributy předané do elementu slotu budou předány jako vlastnosti (props) scoped slotu definovaného v rodičovské komponentě.\n\n Samotný element bude nahrazen obsahem odpovídajícího slotu.\n\n `` elementy ve Vue šablonách jsou kompilovány do JavaScriptu, aby nedocházelo k jejich záměně s [nativními `` elementy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Viz také:** [Průvodce - Sloty](https://cs.vuejs.org/guide/components/slots.html)\n"
+ "value": "\nUrčuje prostor pro vložený obsah uvnitř šablon.\n\n- **Props** \n\n ```ts\n interface SlotProps {\n /**\n * Jakékoli vlastnosti předané do budou předány jako parametry\n * pro scoped sloty\n */\n [key: string]: any\n /**\n * Rezervováno pro specifikaci jména slotu.\n */\n name?: string\n }\n ```\n\n- **Podrobnosti**\n\n Element `` může použít atribut `name` k určení jména slotu. Pokud není specifikováno žádné jméno, bude vykreslen výchozí (default) slot. Další atributy předané do elementu slotu budou předány jako vlastnosti (props) scoped slotu definovaného v rodičovské komponentě.\n\n Samotný element bude nahrazen obsahem odpovídajícího slotu.\n\n `` elementy ve Vue šablonách jsou kompilovány do JavaScriptu, aby nedocházelo k jejich záměně s [nativními `` elementy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot).\n\n- **Viz také:** [Průvodce – Sloty](https://cs.vuejs.org/guide/components/slots.html)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#slot"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#slot"
- }
- ]
+ "references": "api/built-in-special-elements.html#slot"
},
{
"name": "template",
"description": {
"kind": "markdown",
- "value": "\nTag `` se používá jako placeholder, když chceme použít vestavěnou direktivu, aniž bychom vykreslovali element v DOM.\n\n- **Podrobnosti**\n\n Speciální obsluha je pro `` spuštěna pouze tehdy, pokud je tag použit spolu s jednou z těchto direktiv:\n\n - `v-if`, `v-else-if` nebo `v-else`\n - `v-for`\n - `v-slot`\n\n Pokud žádná z těchto direktiv přítomna není, bude vykreslen jako [nativní `` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n `` s `v-for` může mít také atribut [`key`](https://cs.vuejs.org/api/built-in-special-attributes.html#key). Všechny ostatní atributy a direktivy budou igorovány, protože nemají bez odpovídajícího prvku význam.\n\n Single-file komponenty (SFC) používají [tag `` nejvyšší úrovně](https://cs.vuejs.org/api/sfc-spec.html#language-blocks) k obalení celé šablony. Tento způsob použití je oddělen od použití `` popsaného výše. Tento tag nejvyšší úrovně není součástí samotné šablony a nepodporuje syntaxi šablony, jako jsou direktivy.\n\n- **Viz také:**\n - [Průvodce - `v-if` na ``](https://cs.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Průvodce - `v-for` nad ``](https://cs.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Průvodce - Pojmenované sloty](https://cs.vuejs.org/guide/components/slots.html#named-slots)\n"
+ "value": "\nTag `` se používá jako placeholder, když chceme použít vestavěnou direktivu, aniž bychom vykreslovali element v DOM.\n\n- **Podrobnosti**\n\n Speciální obsluha je pro `` spuštěna pouze tehdy, pokud je tag použit spolu s jednou z těchto direktiv:\n\n - `v-if`, `v-else-if` nebo `v-else`\n - `v-for`\n - `v-slot`\n\n Pokud žádná z těchto direktiv přítomna není, bude vykreslen jako [nativní `` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).\n\n `` s `v-for` může mít také atribut [`key`](https://cs.vuejs.org/api/built-in-special-attributes.html#key). Všechny ostatní atributy a direktivy budou ignorovány, protože nemají bez odpovídajícího prvku význam.\n\n Single-file komponenty (SFC) používají [tag `` nejvyšší úrovně](https://cs.vuejs.org/api/sfc-spec.html#language-blocks) k obalení celé šablony. Tento způsob použití je oddělen od použití `` popsaného výše. Tento tag nejvyšší úrovně není součástí samotné šablony a nepodporuje syntaxi šablony, jako jsou direktivy.\n\n- **Viz také:**\n - [Průvodce – `v-if` na ``](https://cs.vuejs.org/guide/essentials/conditional.html#v-if-on-template)\n - [Průvodce – `v-for` nad ``](https://cs.vuejs.org/guide/essentials/list.html#v-for-on-template)\n - [Průvodce – Pojmenované sloty](https://cs.vuejs.org/guide/components/slots.html#named-slots)\n"
},
"attributes": [],
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-special-elements.html#template"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-special-elements.html#template"
- }
- ]
+ "references": "api/built-in-special-elements.html#template"
}
],
"globalAttributes": [
@@ -503,1103 +79,157 @@
"name": "v-text",
"description": {
"kind": "markdown",
- "value": "\nAktualizuje textový obsah elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n `v-text` funguje tak, že elementu nastavuje vlastnost [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent), což přepíše jakýkoli existující obsah uvnitř elementu. Pokud potřebujete aktualizovat část `textContent`, měli byste místo toho použít [„mustache“ interpolaci](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Příklad**\n\n ```html\n \n \n {{msg}}\n ```\n\n- **Viz také:** [Syntaxe šablon - Interpolace textu](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)\n"
+ "value": "Aktualizuje textový obsah elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n `v-text` funguje tak, že elementu nastavuje vlastnost [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent), což přepíše jakýkoli existující obsah uvnitř elementu. Pokud potřebujete aktualizovat část `textContent`, měli byste místo toho použít [„mustache“ interpolaci](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation).\n\n- **Příklad**\n\n ```html\n \n \n {{msg}}\n ```\n\n- **Viz také:** [Syntaxe šablon – Interpolace textu](https://cs.vuejs.org/guide/essentials/template-syntax.html#text-interpolation)"
},
- "references": [
- {
- "name": "en",
- "url": "https://vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "zh-cn",
- "url": "https://cn.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "zh-hk",
- "url": "https://zh-hk.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ja",
- "url": "https://ja.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ua",
- "url": "https://ua.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "fr",
- "url": "https://fr.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ko",
- "url": "https://ko.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "pt",
- "url": "https://pt.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "bn",
- "url": "https://bn.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "it",
- "url": "https://it.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "cs",
- "url": "https://cs.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "ru",
- "url": "https://ru.vuejs.org/api/built-in-directives.html#v-text"
- },
- {
- "name": "fa",
- "url": "https://fa.vuejs.org/api/built-in-directives.html#v-text"
- }
- ]
+ "references": "api/built-in-directives.html#v-text"
},
{
"name": "v-html",
"description": {
"kind": "markdown",
- "value": "\nAktualizuje [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML) elementu.\n\n- **Očekává:** `string`\n\n- **Podrobnosti**\n\n Obsah `v-html` je vložen jako prosté HTML - syntaxe Vue šablony nebude zpracována. Pokud se snažíte sestavit šablony pomocí `v-html`, zkuste raději řešení přehodnotit a použít komponenty.\n\n ::: warning Bezpečnostní poznámka\n Dynamické vykreslování libovolného HTML na vašem webu může být velmi nebezpečné, protože může snadno vést k [XSS útokům](https://en.wikipedia.org/wiki/Cross-site_scripting). Používejte `v-html` pouze na důvěryhodný obsah a **nikdy** na obsah poskytovaný uživatelem.\n :::\n\n V [Single-file komponentách (SFC)](https://cs.vuejs.org/guide/scaling-up/sfc.html) se `scoped` styly na obsah uvnitř `v-html` nebudou aplikovat, protože toto HTML není zpracováváno kompilátorem Vue šablony. Pokud chcete cílit na obsah `v-html` pomocí scoped CSS, můžete místo toho použít [CSS moduly](./sfc-css-features#css-modules) nebo další, globální `
diff --git a/test-workspace/tsc/passedFixtures/#3688/tsconfig.json b/test-workspace/tsc/passedFixtures/#3688/tsconfig.json
deleted file mode 100644
index b4f2b10941..0000000000
--- a/test-workspace/tsc/passedFixtures/#3688/tsconfig.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
- "extends": "../../../tsconfig.base.json",
- "include": [ "**/*" ],
- "vueCompilerOptions": {
- "experimentalResolveStyleCssClasses": "always",
- },
-}
diff --git a/test-workspace/tsc/passedFixtures/#5106/main.vue b/test-workspace/tsc/passedFixtures/#5106/main.vue
new file mode 100644
index 0000000000..492156fe51
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5106/main.vue
@@ -0,0 +1,23 @@
+
+
+
+
+
+ {{ exactType($attrs, {} as AttrsExact) }}
+
diff --git a/test-workspace/tsc/passedFixtures/#5106/tsconfig.json b/test-workspace/tsc/passedFixtures/#5106/tsconfig.json
new file mode 100644
index 0000000000..5edd1fb1db
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5106/tsconfig.json
@@ -0,0 +1,4 @@
+{
+ "extends": "../../../tsconfig.base.json",
+ "include": [ "**/*" ]
+}
\ No newline at end of file
diff --git a/test-workspace/tsc/passedFixtures/#5111/main.vue b/test-workspace/tsc/passedFixtures/#5111/main.vue
new file mode 100644
index 0000000000..edc5f1f287
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5111/main.vue
@@ -0,0 +1,15 @@
+
+
+
+ {{ exactType($attrs.global, {} as string) }}
+
diff --git a/test-workspace/tsc/passedFixtures/#5111/tsconfig.json b/test-workspace/tsc/passedFixtures/#5111/tsconfig.json
new file mode 100644
index 0000000000..5edd1fb1db
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5111/tsconfig.json
@@ -0,0 +1,4 @@
+{
+ "extends": "../../../tsconfig.base.json",
+ "include": [ "**/*" ]
+}
\ No newline at end of file
diff --git a/test-workspace/tsc/passedFixtures/#5338/main.vue b/test-workspace/tsc/passedFixtures/#5338/main.vue
new file mode 100644
index 0000000000..c9fba5ec51
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5338/main.vue
@@ -0,0 +1,15 @@
+
+
+
+ {{ exactType(foo, {} as string) }}
+ {{ exactType(bar, {} as string | undefined) }}
+
diff --git a/test-workspace/tsc/passedFixtures/#5338/tsconfig.json b/test-workspace/tsc/passedFixtures/#5338/tsconfig.json
new file mode 100644
index 0000000000..440afc100b
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/#5338/tsconfig.json
@@ -0,0 +1,10 @@
+{
+ "extends": "../../../tsconfig.base.json",
+ "compilerOptions": {
+ "exactOptionalPropertyTypes": true
+ },
+ "vueCompilerOptions": {
+ "target": 3.5
+ },
+ "include": [ "**/*" ]
+}
\ No newline at end of file
diff --git a/test-workspace/tsc/passedFixtures/pug/#5099.vue b/test-workspace/tsc/passedFixtures/pug/#5099.vue
new file mode 100644
index 0000000000..c6ae8233ca
--- /dev/null
+++ b/test-workspace/tsc/passedFixtures/pug/#5099.vue
@@ -0,0 +1,6 @@
+
+div(
+ class="foo"
+ class="bar"
+)
+
diff --git a/test-workspace/tsc/passedFixtures/shared.d.ts b/test-workspace/tsc/passedFixtures/shared.d.ts
index 26abe5a11b..e9865589bf 100644
--- a/test-workspace/tsc/passedFixtures/shared.d.ts
+++ b/test-workspace/tsc/passedFixtures/shared.d.ts
@@ -3,8 +3,3 @@ type IfEquals =
(() => G extends T ? 1 : 2) extends
(() => G extends U ? 1 : 2) ? Y : N;
export declare function exactType(draft: T & IfEquals, expected: U & IfEquals): IfEquals;
-
-// https://stackoverflow.com/a/49928360
-type IfNotAny = 0 extends 1 & T ? never : T;
-type IfNotUndefined = Exclude