chore: init

Author: AriPerkkio

package.json

@@ -29,7 +29,8 @@
     "fast-glob": "^3.3.2",
     "prettier-plugin-astro": "^0.13.0",
     "typescript": "^5.4.5",
-    "unocss": "^0.59.4"
+    "unocss": "^0.59.4",
+    "vite": "^5.2.0"
   },
   "packageManager": "[email protected]+sha512.d1a029e1a447ad90bc96cd58b0fad486d2993d531856396f7babf2d83eb1823bb83c5a3d0fc18f675b2d10321d49eb161fece36fe8134aa5823ecd215feed392"
 }

pnpm-lock.yaml

@@ -0,0 +1,22 @@
+employees:
+  - id: 1
+    name: John Doe
+    job: Developer
+    skills:
+      - JavaScript
+      - Python
+      - C++
+  - id: 2
+    name: Jane Doe
+    job: Designer
+    skills:
+      - Photoshop
+      - Illustrator
+      - InDesign
+projects:
+  - id: 101
+    name: Project Alpha
+    description: This is the first project.
+  - id: 102
+    name: Project Beta
+    description: This is the second project.

src/content/tutorial/1-basics/1-introduction/1-welcome/_files/counter.js

@@ -0,0 +1,3 @@
+const content = ["Initial content"];
+
+export { content };

src/content/tutorial/1-basics/1-introduction/1-welcome/_solution/counter.js

@@ -0,0 +1,3 @@
+import content from "./content.yaml";
+
+export { content };

src/content/tutorial/1-basics/1-introduction/1-welcome/content.md

@@ -0,0 +1,31 @@
+---
+type: lesson
+title: importing-yaml-files
+focus: /index.js
+---
+
+# Welcome to Vite Plugin tutorial
+
+Hey there, and welcome to Vite Plugin tutorial 👋!
+
+In this tutorial we'll go through steps for creating custom Vite plugins. We'll start by creating a custom Vite plugin for loading `.yaml` files.
+
+Our goal is to be able to import `content.yaml` file in the Javascript file and use it as plain Javascript object.
+
+```js [index.js]
+import content from "./content.yaml";
+
+console.log(content);
+// > [{ employees: [{ id: 1, ...}, ...], projects: { id: 101, ...}, ... }]
+```
+
+Try doing this in `index.js`:
+
+```js [index.js] add={1} del={2}
+import content from "./content.yaml";
+const content = ["Initial content"];
+
+export { content };
+```
+
+At this point we should run into error when Vite fails to load `.yaml` file.

src/content/tutorial/1-vite-plugin/1-yaml-plugin/1-importing-yaml-files/_files/content.yaml

@@ -0,0 +1,3 @@
+import content from "./content.yaml";
+
+export { content };