DEV: introduce Ember <template> tag support (.gjs) (#22719)

The gjs/gts formats are a new pattern for authoring Ember components. This commit introduces support for these patterns to our build pipeline for core/plugins, and converts a handful of components to use the new format. It also introduces relevant updates to our linting config, and to our sample vscode configuration.

Co-authored-by: Godfrey Chan <godfreykfc@gmail.com>
Co-authored-by: Krystan HuffMenne <kmenne+github@gmail.com>
This commit is contained in:
David Taylor
2023-07-20 21:01:12 +01:00
committed by GitHub
parent 9bbd5efbec
commit eb94ec16da
20 changed files with 596 additions and 119 deletions

View File

@ -0,0 +1,34 @@
import StyleguideExample from "../../styleguide-example";
import I18n from "I18n";
const t = I18n.t.bind(I18n);
<template>
<StyleguideExample @title="h1">
<h1>{{t "styleguide.sections.typography.example"}}</h1>
</StyleguideExample>
<StyleguideExample @title="h2">
<h2>{{t "styleguide.sections.typography.example"}}</h2>
</StyleguideExample>
<StyleguideExample @title="h3">
<h3>{{t "styleguide.sections.typography.example"}}</h3>
</StyleguideExample>
<StyleguideExample @title="h4">
<h4>{{t "styleguide.sections.typography.example"}}</h4>
</StyleguideExample>
<StyleguideExample @title="h5">
<h5>{{t "styleguide.sections.typography.example"}}</h5>
</StyleguideExample>
<StyleguideExample @title="h6">
<h6>{{t "styleguide.sections.typography.example"}}</h6>
</StyleguideExample>
<StyleguideExample @title="p">
<p>{{t "styleguide.sections.typography.paragraph"}}</p>
</StyleguideExample>
</template>

View File

@ -1,27 +0,0 @@
<StyleguideExample @title="h1">
<h1>{{i18n "styleguide.sections.typography.example"}}</h1>
</StyleguideExample>
<StyleguideExample @title="h2">
<h2>{{i18n "styleguide.sections.typography.example"}}</h2>
</StyleguideExample>
<StyleguideExample @title="h3">
<h3>{{i18n "styleguide.sections.typography.example"}}</h3>
</StyleguideExample>
<StyleguideExample @title="h4">
<h4>{{i18n "styleguide.sections.typography.example"}}</h4>
</StyleguideExample>
<StyleguideExample @title="h5">
<h5>{{i18n "styleguide.sections.typography.example"}}</h5>
</StyleguideExample>
<StyleguideExample @title="h6">
<h6>{{i18n "styleguide.sections.typography.example"}}</h6>
</StyleguideExample>
<StyleguideExample @title="p">
<p>{{i18n "styleguide.sections.typography.paragraph"}}</p>
</StyleguideExample>