fix: custom/config-monaco, guide/animations, guide/syntax, .vitepress/langing

Author: GeopJr

.vitepress/theme/components/LandingPage.vue

@@ -9,13 +9,8 @@
         Presentation Slides for Developers
       </h2>
       <div flex="~ gap-3 justify-center" p4 mt-5>
-<<<<<<< HEAD
-        <a href="/guide/" class="bg-$vp-c-brand-3 text-white px5 py3 text-xl font-bold rounded-xl hover:bg-$vp-c-brand-1">Ξεκινήστε</a>
-        <a href="/guide/why" class="bg-$vp-c-gray-1 text-white px5 py3 text-xl font-bold rounded-2xl hover:bg-$vp-c-brand-1">Γιατί</a>
-=======
-        <a href="/guide/" class="bg-$vp-c-brand-3 text-white! no-underline! px5 py3 text-xl font-bold rounded-xl hover:bg-$vp-c-brand-1">Get Started</a>
-        <a href="/guide/why" class="bg-$vp-c-gray-1 text-white! no-underline! px5 py3 text-xl font-bold rounded-2xl hover:bg-$vp-c-brand-1">Why</a>
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+        <a href="/guide/" class="bg-$vp-c-brand-3 text-white! no-underline! px5 py3 text-xl font-bold rounded-xl hover:bg-$vp-c-brand-1">Ξεκινήστε</a>
+        <a href="/guide/why" class="bg-$vp-c-gray-1 text-white! no-underline! px5 py3 text-xl font-bold rounded-2xl hover:bg-$vp-c-brand-1">Γιατί</a>
       </div>
     </div>
     <div flex>

custom/config-monaco.md

@@ -29,34 +29,7 @@ plusOne.value++ // error
 ```
 ~~~
 
-<<<<<<< HEAD
-Σε
-
-~~~md
-```js {monaco}
-const count = ref(1)
-const plusOne = computed(() => count.value + 1)
-
-console.log(plusOne.value) // 2
-
-plusOne.value++ // error
-```
-~~~
-
-## Εξαγωγή
-
-Από προεπιλογή, το Monaco θα λειτουργήσει ΜΟΝΟ σε λειτουργία `dev`. Αν θέλετε να το έχετε διαθέσιμο στο εξαγόμενο SPA, ρυθμίστε το στο frontmatter σας:
-
-```yaml
----
-monaco: true # προεπιλεγμένο "dev"
----
-```
-
-## Αυτόματη Εγκατάσταση Τύπων
-=======
 ## TypeScript Types
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
 
 Όταν χρησιμοποιείτε TypeScript με το Monaco, οι τύποι εξαρτήσεων θα εγκατασταθούν αυτόματα στο client-side.
 
@@ -69,14 +42,11 @@ const counter = ref(0)
 ```
 ~~~
 
-<<<<<<< HEAD
-Στο παραπάνω παράδειγμα, βεβαιωθείτε ότι τα `vue` και `@vueuse/core` είναι εγκατεστημένα τοπικά ως dependencies / devDependencies, το Slidev θα αναλάβει τα υπόλοιπα, ώστε οι τύποι να λειτουργούν αυτόματα για τον συντάκτη!
-=======
-In the example above, make sure `vue` and `@vueuse/core` are installed locally as dependencies / devDependencies, Slidev will handle the rest to get the types working for the editor automatically. When deploy as SPA, those types will also be bundled for static hosting.
+Στο παραπάνω παράδειγμα, βεβαιωθείτε ότι τα `vue` και `@vueuse/core` είναι εγκατεστημένα τοπικά ως dependencies / devDependencies, το Slidev θα αναλάβει τα υπόλοιπα, ώστε οι τύποι να λειτουργούν αυτόματα για τον συντάκτη. Κατά το deploy ως SPA, αυτοί οι τύποι θα είναι επίσης συσκευασμένοι για στατική φιλοξενία.
 
-### Additional Types
+### Επιπλέον Τύποι
 
-Slidev will scan all the monaco codeblocks in your slides and import the types for those used libraries for you. In case it missed some, you can explicitly specify extra packages to import the types for:
+Το Slidev θα σαρώσει όλα τα codeblocks του monaco στις διαφάνειές σας και θα κάνει εισαγωγή των τύπων για τις βιβλιοθήκες που χρησιμοποιούνται για εσάς. Σε περίπτωση που του ξέφυγαν κάποιες, μπορείτε να καθορίσετε ρητά επιπλέον πακέτα για την εισαγωγή των τύπων:
 
 ```md
 ---
@@ -86,64 +56,21 @@ monacoTypesAdditionalPackages:
 ---
 ```
 
-### Auto Type Acquisition
+### Αυτόματη Απόκτηση Τύπων
 
-You can optionally switch to load types from CDN by setting the following headmatter:
+Μπορείτε προαιρετικά να ενεργοποιήσετε τη δυνατότητα εισαγωγής τύπων από το CDN ρυθμίζοντας το ακόλουθο headmatter:
 
 ```md
 ---
 monacoTypesSource: ata
 ---
 ```
 
-This feature is powered by [`@typescript/ata`](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ata) and runs completely on the client-side.
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+Αυτή η λειτουργία υποστηρίζεται από το [`@typescript/ata`](https://github.com/microsoft/TypeScript-Website/tree/v2/packages/ata) και εκτελείται εξ ολοκλήρου client-side.
 
 ## Ρύθμιση Θεμάτων
 
-<<<<<<< HEAD
-Το θέμα ελέγχεται από το Slidev με βάση το φωτεινό/σκοτεινό θέμα. Αν θέλετε να το προσαρμόσετε, μπορείτε να περάσετε το id του θέματος στη συνάρτηση setup:
-
-```ts
-// ./setup/monaco.ts
-import { defineMonacoSetup } from '@slidev/types'
-
-export default defineMonacoSetup(() => {
-  return {
-    theme: {
-      dark: 'vs-dark',
-      light: 'vs',
-    },
-  }
-})
-```
-
-Αν θέλετε να φορτώσετε προσαρμοσμένα θέματα:
-
-```ts
-import { defineMonacoSetup } from '@slidev/types'
-
-// αλλάξετε στα θέματά σας
-import dark from 'theme-vitesse/themes/vitesse-dark.json'
-import light from 'theme-vitesse/themes/vitesse-light.json'
-
-export default defineMonacoSetup((monaco) => {
-  monaco.editor.defineTheme('vitesse-light', light as any)
-  monaco.editor.defineTheme('vitesse-dark', dark as any)
-
-  return {
-    theme: {
-      light: 'vitesse-light',
-      dark: 'vitesse-dark',
-    },
-  }
-})
-```
-
-> Εάν δημιουργείτε ένα θέμα για το Slidev, χρησιμοποιήστε δυναμικά `import()` μέσα στη συνάρτηση setup για να έχετε καλύτερα αποτελέσματα σε tree-shaking και code-splitting.
-=======
-Since v0.48.0, Monaco will reuse the Shiki theme you configured in [Shiki's setup file](/custom/highlighters#configure-shiki), powered by [`@shikijs/monaco`](https://shiki.style/packages/monaco). You don't need to worry about it anymore and it will have a consistent style with the rest of your code blocks.
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+Από την έκδοση v0.48.0, το Monaco θα επαναχρησιμοποιεί το θέμα Shiki που έχετε ρυθμίσει στο [αρχείο ρυθμίσεων του Shiki](/custom/highlighters#ρυθμιστε-shiki), το οποίο τροφοδοτείται από το [`@shikijs/monaco`](https://shiki.style/packages/monaco). Δεν χρειάζεται να ανησυχείτε πια γι' αυτό και θα έχει ένα συνεπές στυλ με τα υπόλοιπα code blocks σας.
 
 ## Ρύθμιση του Συντάκτη
 
@@ -172,12 +99,12 @@ export default defineMonacoSetup(() => {
 })
 ```
 
-## Disabling
+## Απενεργοποίηση
 
-Since v0.48.0, Monaco editor is enabled by default and only be bundled when you use it. If you want to disable it, you can set `monaco` to `false` in the frontmatter of your slide:
+Από την έκδοση v0.48.0, ο συντάκτης Monaco είναι ενεργοποιημένος από προεπιλογή και θα συμπεριλαμβάνεται μόνο όταν τον χρησιμοποιείτε. Αν θέλετε να τον απενεργοποιήσετε, μπορείτε να θέσετε το `monaco` σε `false` στο frontmatter της διαφάνειάς σας:
 
 ```yaml
 ---
-monaco: false # can also be `dev` or `build` tp conditionally enable it
+monaco: false # μπορεί επίσης να είναι `dev` ή `build` για να το ενεργοποιήσει υπό όρους
 ---
 ```

guide/animations.md

@@ -267,47 +267,43 @@ clicks: 10
 
 Μάθετε περισσότερα για την [προσαρμογή των styles](/custom/directory-structure#style).
 
-<<<<<<< HEAD
-## Κίνηση
-=======
 ## Rough Markers
 
-> Available since v0.48.0
+> Διαθέσιμο από v0.48.0
 
-Slidev integrates [Rough Notation](https://github.com/linkstrifer/react-rough-notation) to allow marking or highlighting elements in your slides.
+Το Slidev ενσωματώνει το [Rough Notation](https://github.com/linkstrifer/react-rough-notation) για να επιτρέπει τη σημείωση ή την επισήμανση στοιχείων στις διαφάνειές σας.
 
 ### `v-mark`
 
-Rough Notation integrates comes with the `v-mark` directive.
+Το Rough Notation ενσωματώνεται με την οδηγία `v-mark`.
 
 #### Type
 
-`v-mark.underline` for Underline mark, `v-mark.circle` for Circle mark, etc. Default to `underline`
+`v-mark.underline` για το σημάδι υπογράμμισης, `v-mark.circle` για το σημάδι κύκλου, κ.λπ. Η προεπιλογή είναι `underline`.
 
 #### Color
 
-`v-mark.red` make the notation `red`. Supported builtin color themes from UnoCSS. For custom colors, use object syntax `v-mark="{ color: '#234' }"`
+`v-mark.red` κάνει την σημείωση `red`. Υποστηριζόμενα ενσωματωμένα θέματα χρωμάτων του UnoCSS. Για προσαρμοσμένα χρώματα, χρησιμοποιήστε την object σύνταξη `v-mark="{ color: '#234' }"`.
 
 #### Clicks
 
-`v-mark` works like `v-click` and will trigger after a click. Same as `v-click`, it allows you to pass a custom click value, like `v-mark="5"` or `v-mark="'+1'"`.
+Το `v-mark` λειτουργεί όπως το `v-click` και θα ενεργοποιηθεί μετά από ένα click. Όπως και το `v-click`, σας επιτρέπει να περάσετε μια προσαρμοσμένη τιμή click, όπως `v-mark="5"` ή `v-mark="'+1'"`.
 
-#### Options
+#### Ρυθμίσεις
 
-Optionally you can pass an object to `v-mark` to specify the options, for example:
+Προαιρετικά μπορείτε να περάσετε ένα object στο `v-mark` για να καθορίσετε τις ρυθμίσεις, για παράδειγμα:
 
 ```vue
 <span v-mark="{ at: 5, color: '#234', type: 'circle' }">
-Important text
+Σημαντικό κείμενο
 </span>
 ```
 
-#### Preview
+#### Προεπισκόπηση
 
 <video src="https://github.com/slidevjs/slidev/assets/11247099/c840340c-0aa1-4cde-b228-e6c67e5f6879" rounded-lg shadow controls></video>
 
-## Motion
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+## Κίνηση
 
 Το Slidev έχει ενσωματωμένο το [@vueuse/motion](https://motion.vueuse.org/). Μπορείτε να χρησιμοποιήσετε την οδηγία `v-motion` σε οποιαδήποτε στοιχεία για να εφαρμόσετε κίνηση σε αυτά. Για παράδειγμα
 

guide/syntax.md

@@ -124,11 +124,7 @@ function add(
 ```
 ~~~
 
-<<<<<<< HEAD
-Μπορείτε να ενεργοποιήσετε τον αριθμό γραμμής σε όλες τις διαφάνειες θέτοντας τη ρύθμιση `lineNumbers: true` στο config ή να το ενεργοποιήσετε σε κάθε μπλοκ κώδικα ξεχωριστά θέτοντας τη ρύθμιση `lines:true`. Μπορείτε επίσης να ορίσετε τη γραμμή έναρξης για κάθε code block και να επισημάνετε τις γραμμές ανάλογα, με προεπιλογή 1:
-=======
-You can enable line number to all slides by setting `lineNumbers: true` on the config or enable each code block individually by setting `lines: true`. You can also set the starting line for each code block and highlight the lines accordingly, defaults to 1:
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+Μπορείτε να ενεργοποιήσετε τον αριθμό γραμμής σε όλες τις διαφάνειες θέτοντας τη ρύθμιση `lineNumbers: true` στο config ή να το ενεργοποιήσετε σε κάθε μπλοκ κώδικα ξεχωριστά θέτοντας τη ρύθμιση `lines: true`. Μπορείτε επίσης να ορίσετε τη γραμμή έναρξης για κάθε code block και να επισημάνετε τις γραμμές ανάλογα, με προεπιλογή 1:
 
 ~~~md
 ```ts {6,7}{lines:true,startLine:5}
@@ -223,39 +219,25 @@ const count = ref(0)
 
 > Διαθέσιμο από v0.48
 
-<<<<<<< HEAD
-Το Shiki Magic Move σας επιτρέπει να έχετε λεπτομερή μετάβαση μεταξύ των αλλαγών κώδικα όπως το Magic Move του Keynote. Μπορείτε να παρακολουθήσετε [αυτό το demo](https://shiki-magic-move.netlify.app/) για να δείτε πώς λειτουργεί.
-=======
-[Shiki Magic Move](https://github.com/shikijs/shiki-magic-move) enables you to have granular transition between code changes, similar to Keynote's Magic Move. You can check [the playground](https://shiki-magic-move.netlify.app/) to see how it works.
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
+Το [Shiki Magic Move](https://github.com/shikijs/shiki-magic-move) σας επιτρέπει να έχετε λεπτομερή μετάβαση μεταξύ των αλλαγών κώδικα, σαν το Magic Move του Keynote. Μπορείτε να παρακολουθήσετε [το demo](https://shiki-magic-move.netlify.app/) για να δείτε πώς λειτουργεί.
 
 Στο Slidev, το συνδέουμε με το [σύστημα clicks](/guide/animations#κινησεις-click). Η σύνταξη είναι να τυλίξετε πολλαπλά μπλοκ κώδικα που αντιπροσωπεύουν κάθε βήμα με <code>````md magic-move</code> (προσέξτε ότι είναι **4** backticks), αυτό θα μετατραπεί σε ένα μπλοκ κώδικα, που μεταμορφώνεται σε κάθε βήμα καθώς κάνετε click.
 
 ~~~~md
 ````md magic-move
-<<<<<<< HEAD
-```ts
-console.log(`Βήμα ${1}`)
-```
-```ts
-console.log(`Βήμα ${1 + 1}`)
-```
-```ts
-console.log(`Βήμα ${3}`)
-=======
 ```js
-console.log(`Step ${1}`)
+console.log(`Βήμα ${1}`)
 ```
 ```js
-console.log(`Step ${1 + 1}`)
+console.log(`Βήμα ${1 + 1}`)
 ```
 ```ts
-console.log(`Step ${3}` as string)
+console.log(`Βήμα ${3}` as string)
 ```
 ````
 ~~~~
 
-It's also possible mix Magic Move with [line highlighting](#line-highlighting), for example:
+Είναι επίσης δυνατό να συνδυάσετε το Magic Move με την [επισήμανση γραμμής](#επισημανση-γραμμης), για παράδειγμα:
 
 ~~~~md
 ````md magic-move {at:4} // [!code hl]
@@ -266,12 +248,11 @@ function add() {
 }
 ```
 
-Non-code blocks in between as ignored, you can put some comments.
+Τα μη code μπλοκ στο ενδιάμεσο αγνοούνται, μπορείτε να βάλετε κάποια σχόλια.
 
 ```js
 let count = 1
 const add = () => count += 1
->>>>>>> 4ee072e055e04965fad621e5941c6905ef2a2be0
 ```
 ````
 ~~~~