Update scaffolder

cher-ami · Feb 7, 2024 · 165ef60 · 165ef60
1 parent d36420b
commit 165ef60
Show file tree

Hide file tree

Showing 8 changed files with 18 additions and 27 deletions.
diff --git a/cli/tasks/scaffold-component/scaffold-component.js b/cli/tasks/scaffold-component/scaffold-component.js
@@ -43,10 +43,10 @@ const _reactComponentBuilder = async ({
     destinationFilePath: `${componentPath}/${upperComponentName}.tsx`,
     replaceExpressions: { upperComponentName },
   })
-  // scaffold less module
+  // scaffold scss module
   await createFile({
-    templateFilePath: `${componentsTemplatesDir}/react/component.less.template`,
-    destinationFilePath: `${componentPath}/${upperComponentName}.module.less`,
+    templateFilePath: `${componentsTemplatesDir}/react/component.scss.template`,
+    destinationFilePath: `${componentPath}/${upperComponentName}.module.scss`,
     replaceExpressions: { upperComponentName },
   })
 }
@@ -66,10 +66,10 @@ const _domComponentBuilder = async ({
     destinationFilePath: `${componentPath}/${upperComponentName}.ts`,
     replaceExpressions: { upperComponentName },
   })
-  // scaffold less module
+  // scaffold scss module
   await createFile({
-    templateFilePath: `${componentsTemplatesDir}/dom/component.less.template`,
-    destinationFilePath: `${componentPath}/${upperComponentName}.less`,
+    templateFilePath: `${componentsTemplatesDir}/dom/component.scss.template`,
+    destinationFilePath: `${componentPath}/${upperComponentName}.scss`,
     replaceExpressions: { upperComponentName },
   })
   // scaffold Twig

diff --git a/cli/tasks/scaffold-component/templates/dom/component.less.template b/cli/tasks/scaffold-component/templates/dom/component.less.template
diff --git a/cli/tasks/scaffold-component/templates/dom/component.scss.template b/cli/tasks/scaffold-component/templates/dom/component.scss.template
@@ -0,0 +1,5 @@
+@use "../../styles/index" as *;
+
+.%%upperComponentName%% {
+
+}
diff --git a/cli/tasks/scaffold-component/templates/dom/component.ts.template b/cli/tasks/scaffold-component/templates/dom/component.ts.template
@@ -1,4 +1,4 @@
-import "./%%upperComponentName%%.less"
+import "./%%upperComponentName%%.scss"
 import { Component } from "@cher-ami/compose"
 import debug from "@cher-ami/debug"
 

diff --git a/cli/tasks/scaffold-component/templates/react/component.less.template b/cli/tasks/scaffold-component/templates/react/component.less.template
diff --git a/cli/tasks/scaffold-component/templates/react/component.scss.template b/cli/tasks/scaffold-component/templates/react/component.scss.template
@@ -0,0 +1,4 @@
+@use "../../styles/index" as *;
+
+.root {
+}
diff --git a/cli/tasks/scaffold-component/templates/react/component.tsx.template b/cli/tasks/scaffold-component/templates/react/component.tsx.template
@@ -1,5 +1,5 @@
 import React from 'react';
-import css from './%%upperComponentName%%.module.less';
+import css from './%%upperComponentName%%.module.scss';
 import { cls } from "@cher-ami/utils"
 import debug from "@cher-ami/debug";
 

diff --git a/cli/tasks/scaffold-component/templates/react/page.tsx.template b/cli/tasks/scaffold-component/templates/react/page.tsx.template
@@ -1,4 +1,4 @@
-import css from "./%%upperComponentName%%.module.less";
+import css from "./%%upperComponentName%%.module.scss";
 import React, { forwardRef, ForwardedRef, useRef } from "react";
 import { useStack } from "@cher-ami/router";
 import debug from "@cher-ami/debug"