Add headers and info about Windows-style linebreaks

Author: vejol

src/content/3/en/part3d.md

@@ -251,20 +251,11 @@ We will answer all of the questions:
 
 ![terminal output from ESlint init](../../images/3/lint1.png)
 
-The configuration will be saved in the generated _eslint.config.mjs_ file:
+The configuration will be saved in the generated _eslint.config.mjs_ file.
 
-```js
-import globals from "globals";
-
-
-/** @type {import('eslint').Linter.Config[]} */
-export default [
-  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
-  {languageOptions: { globals: globals.browser }},
-];
-```
+### Formatting the Configuration File
 
-We will reformat the configuration file from its current form to the following:
+Let's reformat the configuration file _eslint.config.mjs_ from its current form to the following:
 
 ```js
 import globals from 'globals'
@@ -337,6 +328,10 @@ export default [
 
 The [plugins](https://eslint.org/docs/latest/use/configure/plugins) property provides a way to extend ESLint's functionality by adding custom rules, configurations, and other capabilities that are not available in the core ESLint library. We've installed and enabled the _@stylistic/eslint-plugin-js_, which adds JavaScript stylistic rules for ESLint. In addition, rules for indentation, line breaks, quotes, and semicolons have been added. These four rules are all defined in the [Eslint styles plugin](https://eslint.style/packages/js).
 
+**Note for Windows users:** The linebreak style is set to _unix_ in the style rules. It is recommended to use Unix-style linebreaks (_\n_) regardless of your operating system, as they are compatible with most modern operating systems and facilitate collaboration when multiple people are working on the same files. If you are using Windows-style linebreaks, ESLint will produce the following errors: <i>Expected linebreaks to be 'LF' but found 'CRLF'</i>. In this case, configure Visual Studio Code to use Unix-style linebreaks by following [this guide](https://stackoverflow.com/questions/48692741/how-can-i-make-all-line-endings-eols-in-all-files-in-visual-studio-code-unix).
+
+### Running the Linter
+
 Inspecting and validating a file like _index.js_ can be done with the following command:
 
 ```bash
@@ -384,8 +379,6 @@ Lint has quite a lot to say about our code:
 
 ![terminal output of ESlint errors](../../images/3/53ea.png)
 
-Let's not fix these issues just yet.
-
 A better alternative to executing the linter from the command line is to configure an _eslint-plugin_ to the editor, that runs the linter continuously. By using the plugin you will see errors in your code immediately. You can find more information about the Visual Studio ESLint plugin [here](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint).
 
 The VS Code ESlint plugin will underline style violations with a red line:
@@ -394,6 +387,8 @@ The VS Code ESlint plugin will underline style violations with a red line:
 
 This makes errors easy to spot and fix right away.
 
+### Adding More Style Rules
+
 ESlint has a vast array of [rules](https://eslint.org/docs/rules/) that are easy to take into use by editing the _eslint.config.mjs_ file.
 
 Let's add the [eqeqeq](https://eslint.org/docs/rules/eqeqeq) rule that warns us if equality is checked with anything but the triple equals operator. The rule is added under the rules field in the configuration file.

src/content/3/fi/osa3d.md

@@ -239,20 +239,11 @@ Vastaillaan kysymyksiin:
 
 ![Vastataan kysymyksiin koodin luonteen mukaan, erityisesti että kyse ei ole TypeSriptistä, käytetään ' merkkijonoissa, ei käytetä ; rivien lopussa](../../images/3/lint1.png)
 
-Konfiguraatiot tallentuvat tiedostoon _eslint.config.mjs_:
+Konfiguraatiot tallentuvat tiedostoon _eslint.config.mjs_.
 
-```js
-import globals from "globals";
-
-
-/** @type {import('eslint').Linter.Config[]} */
-export default [
-  {files: ["**/*.js"], languageOptions: {sourceType: "commonjs"}},
-  {languageOptions: { globals: globals.browser }},
-];
-```
+### Konfiguraatiotiedoston muotoilu
 
-Muutetaan tiedoston sisältö seuraavaan muotoon:
+Muutetaan tiedoston _eslint.config.mjs_ sisältö seuraavaan muotoon:
 
 ```js
 import globals from 'globals'
@@ -322,10 +313,13 @@ export default [
 ]
 ```
 
-[Pluginit](https://eslint.org/docs/latest/use/configure/plugins) tarjoavat tavan laajentaa ESLintin toiminnallisuutta lisäämällä määrittelyjä jotka eivät ole mukana ESLint-ydinkirjastossa. Otimme nyt käyttöön pluginin  [@stylistic/eslint-plugin-js](https://eslint.style/packages/js), joka tuo käyttöömme joukon JavaScriptin tyylisääntöjä joista otimme käyttöön sisennystä, rivinvaihtoa, lainausmerkkejä ja puolipisteitä koskevat säännöt.
+[Pluginit](https://eslint.org/docs/latest/use/configure/plugins) tarjoavat tavan laajentaa ESLintin toiminnallisuutta lisäämällä määrittelyjä jotka eivät ole mukana ESLint-ydinkirjastossa. Otimme nyt käyttöön pluginin  [@stylistic/eslint-plugin-js](https://eslint.style/packages/js), joka tuo käyttöömme joukon JavaScriptin tyylisääntöjä, joista otimme käyttöön sisennystä, rivinvaihtoa, lainausmerkkejä ja puolipisteitä koskevat säännöt.
+
+**Huomautus Windows-käyttäjille:** Rivinvaihtojen tyypiksi on tyylisäännössä määritelty _unix_. On suositeltavaa käyttää Unix-tyyppisiä rivinvaihtoja (_\n_) riippumatta käyttämästäsi käyttöjärjestelmästä, sillä ne ovat yhteensopivia useimpien modernien käyttöjärjestelmien kanssa ja helpottavat työskentelyä, jos useat eri henkilöt työstävät samoja tiedostoja. Jos käytössäsi on Windows-tyyppiset rivinvaihdot, ESLint antaa seuraavia virheitä: <i>Expected linebreaks to be 'LF' but found 'CRLF'</i>. Konfiguroi tällöin Visual Studio Code käyttämään Unix-tyyppisiä rivinvaihtoja esimerkiksi [tämän ohjeen](https://stackoverflow.com/questions/48692741/how-can-i-make-all-line-endings-eols-in-all-files-in-visual-studio-code-unix) mukaan.
 
+### Lintterin ajaminen
 
-Esim tiedoston _index.js_ tarkastus tapahtuu komennolla:
+Tiedoston _index.js_ tarkastus tapahtuu komennolla:
 
 ```bash
 npx eslint index.js
@@ -372,8 +366,6 @@ Kun nyt suoritamme linttauksen, löytyy koodistamme jonkin verran huomautettavaa
 
 ![Lint kertoo kolmesta virheestä, kaikki muuttujia joille ei ole käyttöä](../../images/3/53ea.png)
 
-Ei kuitenkaan korjata ongelmia vielä.
-
 Parempi vaihtoehto linttauksen suorittamiselle komentoriviltä on konfiguroida editorille <i>eslint-plugin</i>, joka suorittaa linttausta koko ajan. Näin pääset korjaamaan pienet virheet välittömästi. Tietoja esim. Visual Studion ESLint-pluginista on [täällä](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint).
 
 VS Coden ESLint-plugin alleviivaa tyylisääntöjä rikkovat kohdat punaisella:
@@ -384,6 +376,8 @@ Näin ongelmat on helppo korjata koodiin heti.
 
 Komento _npm run lint -- --fix_ voi olla avuksi, jos koodissa on esim. useampia syntaksivirheitä.
 
+### Lisää tyylisääntöjä
+
 ESLintille on määritelty suuri määrä [sääntöjä](https://eslint.org/docs/rules/), joita on helppo ottaa käyttöön muokkaamalla tiedostoa _eslint.config.mjs_.
 
 Otetaan käyttöön sääntö [eqeqeq](https://eslint.org/docs/rules/eqeqeq) joka varoittaa, jos koodissa yhtäsuuruutta verrataan muuten kuin käyttämällä kolmea = ‑merkkiä. Sääntö lisätään konfiguraatiotiedostoon kentän <i>rules</i> alle.