Merge pull request #18 from soxhub/scoped-class-multiple

scoped-class helper with multiple classes
soxhub · Apr 11, 2023 · 2a504e9 · 2a504e9
2 parents fc6a6d2 + bb4d3fe
commit 2a504e9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/ember-scoped-css/src/renameClass.js b/ember-scoped-css/src/renameClass.js
@@ -1,5 +1,7 @@
 const getPostfix = require('./getPostfix');
 
 module.exports = function (className, projectCssPath) {
-  return className + '_' + getPostfix(projectCssPath);
+  const classes = className.split(/\s+/);
+  const postfix = getPostfix(projectCssPath);
+  return classes.map((c) => c + '_' + postfix).join(' ');
 };
diff --git a/test-apps/v2-addon/fixtures/expected-dist/components/footer.js b/test-apps/v2-addon/fixtures/expected-dist/components/footer.js
diff --git a/test-apps/v2-addon/src/components/footer.gjs b/test-apps/v2-addon/src/components/footer.gjs
@@ -1,5 +1,5 @@
 <template>
-  <div class='alert' data-test3={{concat "test" (scoped-class 'my-class')}} data-test2={{scoped-class 'my-class'}} data-test={{(scoped-class 'my-class')}}>
+  <div class='alert' data-test3={{concat "test" (scoped-class 'my-class my-other-class')}} data-test2={{scoped-class 'my-class'}} data-test={{(scoped-class 'my-class')}}>
     <div>
       {{@title}}
     </div>