Language Literals

Language Literal syntax highlighting support for ES6 tagged templates. This is a hard-forked variation of vscode-comment-tagged-templates that supports a couple of tag named literals opposed to comment annotated literals.

Usage

This extension was developed for a specific use case. It's main purpose is to provide syntax highlighting, it does not support intelliSense and you will need to use it together (or not?) with a supporting module. The language-literals module provided named export de-dentation features to string input and exists as an example of where you'd employ this solution.

pnpm add language-literals

import { html, ts, md } from "language-literals";

html`
  <div>
    Hello World!
  </div>
`;

ts`
  const x: string = 'foo'
`;

md`
  # Title

  **Bold** or _italic_
`;

// etc etc

Supported Languages

Below are the supported language injections:

Language	Literal Expression
HTML	`html``
XML	`xml``
CSS	`css``
SCSS	`scss``
SASS	`xml``
JSON	`json``
JSONC	`jsonc``
JavaScript	`js``
TypeScript	`ts``
YAML	`yaml``
Markdown	`md``
JSX	`jsx``
TSX	`tsx``