Ember Template Imports

Overview:

The ember-template-imports addon enables users to use import-style syntax in template files to create local bindings to a component. It combines pods and angle bracket components, resulting in more concise component invocation while explicitly indicating where the component comes from. This addon also allows the usage of relative imports and provides autocomplete for imported components through the Unstable Ember Language Server.

Features:

• Use pods and angle bracket components together: This addon combines pods and angle bracket components in template files.
• More concise component invocation while making it explicit where it comes from: The import-style syntax allows for shorter and more explicit component invocation.
• No hyphens needed: Unlike traditional component invocation, this addon does not require hyphens.
• Relative imports: Users can use relative imports, making it easier to specify component paths.

Summary:

The ember-template-imports addon allows users to use import-style syntax in template files, making it easier and more concise to invoke components. It combines pods and angle bracket components, providing a solution for nested components and improving component traceability. By leveraging the component and let helpers, this addon creates a local alias for the component and enables the use of relative imports. However, it is important to note that this addon is not official and may be subject to change once an official solution is available.