Function parseVue

src/language-html/parse/parse.js:45–109

@param {string} input @param {ParseOptions} parseOptions

(input, parseOptions)

@param {ParseOptions} parseOptions
*/
function parseVue(input, parseOptions) {
  const angularHtmlParserParseOptions =
    toAngularHtmlParserParseOptions(parseOptions);
  let { rootNodes, errors } = angularHtmlParserParse(
    input,
    angularHtmlParserParseOptions,
  );

  const isHtml = rootNodes.some(
    (node) =>
      (node.kind === "docType" && node.value === "html") ||
      (node.kind === "element" && node.name.toLowerCase() === "html"),
  );

  // If not Vue.js SFC, treat as HTML
  if (isHtml) {
    return parseHtml(input, HTML_PARSE_OPTIONS);
  }

  /** @type {ParseTreeResult | undefined} */
  let secondParseResult;
  const getHtmlParseResult = () =>
    (secondParseResult ??= angularHtmlParserParse(input, {
      ...angularHtmlParserParseOptions,
      getTagContentType: undefined,
    }));

  const getElementWithSameLocation = (node) => {
    const { offset } = node.startSourceSpan.start;
    return (
      getHtmlParseResult().rootNodes.find(
        (searching) =>
          searching.kind === "element" &&
          searching.startSourceSpan.start.offset === offset,
      ) ?? node
    );
  };
  for (const [index, node] of rootNodes.entries()) {
    if (node.kind !== "element") {
      continue;
    }

    if (node.isVoid) {
      errors = getHtmlParseResult().errors;
      rootNodes[index] = getElementWithSameLocation(node);
    } else if (shouldParseVueRootNodeAsHtml(node)) {
      const { endSourceSpan, startSourceSpan } = node;
      const error = getHtmlParseResult().errors.find(
        (error) =>
          error.span.start.offset > startSourceSpan.start.offset &&
          error.span.start.offset < endSourceSpan.end.offset,
      );
      if (error) {
        throwParseError(error);
      }
      rootNodes[index] = getElementWithSameLocation(node);
    }
  }