Prettier Plugin Ember Template Tag

screenshot of Prettier Plugin Ember Template Tag
ember
vite

A prettier plugin for formatting Ember template tags

Overview

The prettier-plugin-ember-template-tag is a Prettier plugin specifically designed for formatting Ember template tags in .gjs and .gts files. It works by weaving together Prettier's standard babel-ts and glimmer parsers to ensure consistent and optimized formatting. The plugin aims to make it easier to format Ember template tags within JavaScript files, following function-like syntax.

Features

  • Compatible with Prettier version 3.0.0 and above
  • Allows for the inclusion or omission of semicolons based on specific conditions
  • Prints template tags on their own line for default exports or top-level class templates
  • Supports the use of template tags as expressions, allowing collapsing onto a single line if they fit
  • Configuration options available for customizing the formatting behavior

Summary

The prettier-plugin-ember-template-tag is a powerful tool for formatting Ember template tags within JavaScript files. It integrates Prettier's standard parsers and allows for customization through configuration options. By following function-like syntax and optimizing the formatting, it helps maintain consistency and readability in Ember projects.

ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.