feat: added tutorial navigation

Author: NataliaTepluhina

src/.vitepress/config.ts

@@ -475,13 +475,29 @@ export const sidebar = {
           link: '/tutorial/#step-1'
         },
         {
-          text: '2. Handling User Input',
+          text: '2. Binding Dynamic Attributes',
           link: '/tutorial/#step-2'
         },
         {
-          text: '2. Conditional Rendering',
+          text: '3. Listening to Events',
           link: '/tutorial/#step-3'
-        }
+        },
+        {
+          text: '4. Two-Way Binding',
+          link: '/tutorial/#step-4'
+        },
+        {
+          text: '5. Conditional Rendering',
+          link: '/tutorial/#step-5'
+        },
+        {
+          text: '6. Event Modifiers',
+          link: '/tutorial/#step-6'
+        },
+        {
+          text: '7. More on Conditional Rendering',
+          link: '/tutorial/#step-7'
+        },
       ]
     }
   ]

src/tutorial/src/step-6 copy/App/composition.js renamed to src/tutorial/src/step-7/App/composition.js

@@ -1,4 +1,4 @@
-# Conditional Rendering - 2
+# More on Conditional Rendering
 
 The last thing we want to implement in this lesson is hiding the input field when the game is already started and showing a button `Change colors number`. Clicking on the button will set the game to "not-started" and show the input again. First, let's add the button to our template: