update sass support

eleventy.config.js

@@ -0,0 +1,21 @@
+const sass = require("sass");
+
+module.exports = function (eleventyConfig) {
+	eleventyConfig.addTemplateFormats("scss");
+
+	// Creates the extension for use
+	eleventyConfig.addExtension("scss", {
+		outputFileExtension: "css", // optional, default: "html"
+
+		// `compile` is called once per .scss file in the input directory
+		compile: async function (inputContent) {
+			let result = sass.compileString(inputContent);
+
+			// This is the render function, `data` is the full data cascade
+			return async (data) => {
+				return result.css;
+			};
+		},
+	});
+};
+

package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "watch:eleventy": "npx @11ty/eleventy --watch",
     "watch:sass": "npx sass sass:_site/css --watch",
-    "start": "npm run watch:eleventy & npm run watch:sass"
+    "start": "npm run watch:eleventy"
   },
   "keywords": [],
   "author": "yuki",