fix: slides

2024_vite/src/parts/conclusions.md

@@ -4,6 +4,17 @@ layout: center
 
 <img src="https://www.meme-arsenal.com/memes/1e87e22aba83015c2fff66110f546ef7.jpg" class="h-full" />
 
+---
+layout: center
+---
+
+<div class="grid w-full items-center grid-cols-2 gap-10">
+    <img src="/soj/1.png" h-full rounded-md />
+    <img src="/soj/2.png" h-full rounded-md />
+    <img src="/soj/3.png" h-full rounded-md />
+    <img src="/soj/4.png" h-full rounded-md />
+</div>
+
 
 ---
 layout: intro

2024_vite/src/parts/terms.md

@@ -15,13 +15,13 @@ slide: slide-purple
 
 
 <div>
-    <div v-click="1" v-drag="'s-1'" class="text-2xl !w-fit" >Bundle</div>
-    <div v-click="2" v-drag="'s-2'" class="text-2xl !w-fit flex" >Tree Shaking</div>
-    <div v-click="3" v-drag="'s-3'" class="text-2xl !w-fit" >Rollup</div>
-    <div v-click="4" v-drag="'s-4'" class="text-2xl !w-fit" >esbuild</div>
-    <div v-click="5" v-drag="'s-5'" class="text-2xl !w-fit" >HMR</div>
-    <div v-click="6" v-drag="'s-6'" class="text-2xl !w-fit" >ESM</div>
-    <div v-click="7" v-drag="'s-7'" class="text-2xl !w-fit" >Chunk splitting</div>
+  <div v-click="1" v-drag="'s-1'" class="text-2xl !w-fit" >Bundle</div>
+  <div v-click="2" v-drag="'s-2'" class="text-2xl !w-fit flex" >Tree Shaking</div>
+  <div v-click="3" v-drag="'s-3'" class="text-2xl !w-fit" >Rollup</div>
+  <div v-click="4" v-drag="'s-4'" class="text-2xl !w-fit" >esbuild</div>
+  <div v-click="5" v-drag="'s-5'" class="text-2xl !w-fit" >HMR</div>
+  <div v-click="6" v-drag="'s-6'" class="text-2xl !w-fit" >ESM</div>
+  <div v-click="7" v-drag="'s-7'" class="text-2xl !w-fit" >Chunk splitting</div>
 </div>
 
 
@@ -103,6 +103,19 @@ class: ml10
 
 <div v-click="1" mt-8>
 
+````md magic-move {lines: true, at: 2}
+```ts
+// example.js
+
+export function foo(a, b) {
+  return a * b;
+}
+
+export function unused(a, b) {
+  return a - b;
+}
+```
+
 ```ts
 // example.js
 
@@ -115,6 +128,28 @@ export function unused(a, b) {
 }
 ```
 
+```ts
+// example.js
+
+export function foo(a, b) {
+  return a * b;
+}
+
+export function unused(a, b) {
+  console.log('тригер')
+  return a - b;
+}
+```
+````
+
+````md magic-move {lines: true, at: 2}
+```ts
+// main.js
+import { foo } from './example.js'
+
+foo(1, 2)
+```
+
 ```ts
 // main.js
 import { foo } from './example.js'
@@ -124,6 +159,16 @@ foo(1, 2)
 // unused не попадет в финальный бандл, даже если бы мы ее импортировали
 ```
 
+```ts
+// main.js
+import { foo } from './example.js'
+
+foo(1, 2)
+
+// unused ! попадет в финальный бандл
+```
+````
+
 </div>
 
 <p v-click="3">НО ! Внимательно с <span v-mark.orange="4">сайд-эффектами</span></p>