npm i -D @11ty/eleventy@2.0.0-canary.18 @11ty/eleventy-plugin-vite

const EleventyVitePlugin = require('@11ty/eleventy-plugin-vite');

module.exports = (eleventyConfig) => {
  eleventyConfig.addPlugin(EleventyVitePlugin, {
    tempFolderName: '.11ty-vite', // Default name of the temp folder
    serverOptions: {},
    viteOptions: {
      clearScreen: false, // https://ja.vitejs.dev/config/shared-options.html#clearscreen
      server: {
        mode: 'development',
        middlewareMode: true,
      },
      build: {
        mode: 'production',
      },
    },
  });

  // Copy/pass-through files
  eleventyConfig.addPassthroughCopy('src/assets/css');
  eleventyConfig.addPassthroughCopy('src/assets/js');

  return {
    templateFormats: ['njk', 'html'],
    htmlTemplateEngine: 'njk',
    passthroughFileCopy: true,
    dir: {
      input: 'src',
      output: 'build',
      includes: '_includes',
      layouts: '_layouts',
      data: '_data',
    },
  };
};

{
  "name": "vanilla-js-learning-output-code",
  "version": "1.0.0",
  "engines": {
    "node": "18.12.1",
    "npm": "8.19.2"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "format:check": "prettier --check --ignore-path .gitignore './**/*.{js,ts,json,css}'",
    "format:fix": "prettier --write --ignore-path .gitignore './**/*.{js,ts,json,css}'"
  },
  "author": "warugaki",
  "license": "MIT",
  "devDependencies": {
    "@11ty/eleventy": "^1.0.2",
    "@11ty/eleventy-plugin-vite": "^1.0.0",
    "prettier": "^2.8.0"
  }
}

npm i -D rimraf

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
+  "[nunjucks]": {
+    "editor.defaultFormatter": "okitavera.vscode-nunjucks-formatter"
+  },
+  "emmet.includeLanguages": {
+    "njk": "html",
+    "nunjucks": "html"
+  }
}