Overview

The prettier-plugin-ember-template-tag is a powerful tool designed for developers working with Ember templates within .gjs and .gts files. This plugin seamlessly integrates with Prettier starting from version 3.0.0, providing a unified solution for formatting Ember template tags. By enhancing the formatting capabilities of both JavaScript and Glimmer templating, it significantly improves code readability and consistency across projects.

This plugin stands out for its flexible configuration options and its ability to maintain standard practices while accommodating user preferences. Whether you're maintaining existing applications or venturing into new Ember projects, this plugin offers a tailored approach to formatting that aligns with common coding standards.

Features

Seamless Integration: Works well with Prettier 3.0.0 and above, offering a streamlined setup for Ember syntax.
Custom Configuration Options: Includes features like templateExportDefault to control the inclusion of export default on template tags.
New Line Management: Automatically places template tags on their own lines for default exports, improving clarity and formatting.
Semicolon Control: Features customizable handling of semicolons based on user preferences and context.
Collapsible Templating: Allows template expressions to collapse into a single line if formatting permits, saving space while maintaining readability.
Editor Integration: Easily integrates with VSCode, simplifying the setup process for developers already using Prettier.
Flexible Setup: Compatible with configurations defined in .prettierrc.js or package.json, accommodating various project setups.

Ember Tooling

Prettier Plugin Ember Template Tag

Vscode Ember Pack

Prettier Plugin Ember Template Tag