vue-simple-compiler/src/template.ts

A lib to compile Vue Single-File Component into plain JavaScript & CSS.

import type { SFCDescriptor } from 'vue/compiler-sfc';

import { compileTemplate } from 'vue/compiler-sfc';

import type { Context, TransformResult } from './types';

import { COMP_ID } from './constants';

export const resolveTemplate = (
  descriptor: SFCDescriptor,
  context: Context
): {
  result?: TransformResult;
  errors?: Error[];
} => {
  if (descriptor.template && !descriptor.scriptSetup) {
    if (descriptor.template.lang && descriptor.template.lang !== 'html') {
      return {
        errors: [
          new Error(`Unsupported template lang: ${descriptor.template.lang}`),
        ],
      };
    }
    if (descriptor.template.src) {
      return {
        errors: [
          new Error(
            `Unsupported external template: ${descriptor.template.src}.`
          ),
        ],
      };
    }

    const templateResult = compileTemplate({
      ...context.options.sfcTemplateCompilerOptions,
      id: `data-v-${context.id}`,
      filename: context.filename,
      source: descriptor.template.content,
      scoped: context.features.hasScoped,
      compilerOptions: {
        bindingMetadata: context.bindingMetadata,
        ...context.options.sfcTemplateCompilerOptions?.compilerOptions,
      },
      inMap: descriptor.template.map,
      isProd: context.isProd,
    });
    if (templateResult.errors.length) {
      // eslint-disable-next-line @typescript-eslint/no-throw-literal
      throw templateResult.errors;
    }

    // No source map update technically.
    const templateCode = `${templateResult.code.replace(
      /\nexport (function|const) (render|ssrRender)/,
      `\n$1 render`
    )}\n${COMP_ID}.render = render`;

    return {
      result: {
        code: templateCode,
        sourceMap: templateResult.map,
      },
    };
  }

  return { result: { code: '' } };
};