From 93b24af4ca56ee68651df6269cad753e778400ad Mon Sep 17 00:00:00 2001
From: Sebastien Stettler <sebastienstettler@gmail.com>
Date: Sat, 17 Jan 2026 13:51:30 +0800
Subject: [PATCH] [BUGFIX] ensure CSS instructions work out the box

Since Vite became the default, if you follow the instructions for plain
CSS and create multiple CSS files they will not be compiled properly

this is because according to embroider spec the CSS file should have an
import statement in order for the compilation to occur properly

https://embroider-build.github.io/embroider/docs/spec.html see under
CSS header
---
 files/app/app.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/files/app/app.ts b/files/app/app.ts
index c0871d2c..50725185 100644
--- a/files/app/app.ts
+++ b/files/app/app.ts
@@ -6,6 +6,7 @@ import loadInitializers from 'ember-load-initializers';
 import config from '<%= modulePrefix %>/config/environment';
 import { importSync, isDevelopingApp, macroCondition } from '@embroider/macros';
 import setupInspector from '@embroider/legacy-inspector-support/ember-source-4.12';
+import './styles/app.css';
 
 if (macroCondition(isDevelopingApp())) {
   importSync('./deprecation-workflow');