feat: icons

src/routes/docs/tutorials/nuxt/step-7/+page.markdoc

@@ -120,10 +120,10 @@ To catch that moment in time when the page loads, we call our `fetch` function,
 Second, it's likely that a user will want to delete one of their ideas from the database.
 We help them do that by adding a delete button in the top right corner of the idea list item, but only on the ideas added by the user itself.
 
-Add the file `IdeasList` from the `componenents` directory and insert the following code:
+Add the file `IdeasList` from the `components` directory and insert the following code:
 
 ```vue
-<!-- componenents/IdeasList.vue -->
+<!-- components/IdeasList.vue -->
 <script setup>
 import { onMounted } from 'vue';
 

src/routes/docs/tutorials/react/step-5/+page.markdoc

@@ -9,7 +9,7 @@ In our app we want to have a navigation bar that is always visible. We will add
 - a logout button if the user is logged in.
 - a login button if the user is not logged in.
 
-Update the App componenent in `src/App.jsx`:
+Update the App component in `src/App.jsx`:
 
 ```js
 import { Login } from "./pages/Login";

src/routes/docs/tutorials/vue/step-5/+page.markdoc

@@ -9,7 +9,7 @@ In our app we want to have a navigation bar that is always visible. Use the `use
 - a logout button if the user is logged in.
 - a login button if the user is not logged in.
 
-Update the App componenent in `src/App.vue`:
+Update the App component in `src/App.vue`:
 
 ```vue
 <script setup>