template-string.nvim is a simple Neovim plugin for handling template strings in JavaScript and TypeScript files. It provides functionality to wrap template literals with {``} when inside JSX/TSX components and revert them back to their original form when necessary.

• Automatically wraps template literals with backticks `` when a ${} expression is added within single or double quotes in JavaScript or TypeScript files.
• Wraps template literals with {``} when inside JSX/TSX components.
• Reverts template literals to their original form when the ${} expression is removed.
• Integration with nvim-treesitter for accurate detection and manipulation of JSX/TSX nodes, enhancing its functionality and precision.

• JavaScript
• TypeScript
• JSX
• TSX

Install using your favorite package manager for Neovim. For example, using lazy.nvim:

{
 "rxtsel/template-string.nvim",
 event = "BufReadPost",
 dependencies = {
 "nvim-lua/plenary.nvim",
 "nvim-treesitter/nvim-treesitter",
 }
}

Once installed, the plugin automatically wraps template literals with backticks `...` when a ${} expression is added within single or double quotes in JavaScript or TypeScript files. For example, changing "Hello, ${name}" to `Hello, ${name}`. In JSX/TSX, it wraps with {``}.

const name = "World";
const greeting = `Hello, ${name}!`;
console.log(greeting);

const props = {
 name: "World",
};
<Test greeting={`Hello, ${props.name}!`} />;

This plugin is licensed under the MIT License. See the LICENSE file for details.