docs(readme): improve readme readability with table of contents, anch…

…ors and icons
nuxt · atinux · Mar 6, 2024 · Mar 6, 2024 · Mar 6, 2024 · Mar 6, 2024
commit e3847044db05dd436d55c890cdd8fcdf14a859ee
@@ -24,19 +24,19 @@ It provides a number of features that make it easy to build fast, SEO-friendly,
 
 ### Table of Contents
 
-1. [🚀 Getting Started](#-getting-started)
-2. [💻 Vue Development](#-vue-development)
-3. [📖 Documentation](#-documentation)
-4. [🧩 Modules](#-modules)
-5. [🤲🏼 Contribute](#-contribute)
-6. [🏠 Local Development](#-local-development)
-7. [⛰️ Nuxt 2](#-nuxt-2)
-8. [🔗 Follow us](#-follow-us)
-9. [©️ License](#-license)
+1. [🚀 Getting Started](#getting-started)
+2. [💻 Vue Development](#vue-development)
+3. [📖 Documentation](#documentation)
+4. [🧩 Modules](#modules)
+5. [❤️ Contribute](#contribute)
+6. [🏠 Local Development](#local-development)
+7. [⛰️ Nuxt 2](#nuxt-2)
+8. [🔗 Follow us](#follow-us)
+9. [⚖️ License](#license)
 
 ---
 
-## 🚀 Getting Started
+## <a name="getting-started">🚀 Getting Started</a>
 
 Use the following command to create a new starter project. This will create a starter project with all the necessary files and dependencies:
 
@@ -47,7 +47,7 @@ npx nuxi@latest init <my-project>
 > [!TIP]
 > Discover also [nuxt.new](https://nuxt.new): Open a Nuxt starter on CodeSandbox, StackBlitz or locally to get up and running in a few seconds.
 
-## 💻 Vue Development
+## <a name="vue-development">💻 Vue Development</a>
 
 Simple, intuitive and powerful, Nuxt lets you write Vue components in a way that makes sense. Every repetitive task is automated, so you can focus on writing your full-stack Vue application with confidence.
 
@@ -77,15 +77,15 @@ useSeoMeta({
 </style>
 ```
 
-## 📖 Documentation
+## <a name="documentation">📖 Documentation</a>
 
 We highly recommend you take a look at the [Nuxt documentation](https://nuxt.com/docs) to level up. It’s a great resource for learning more about the framework. It covers everything from getting started to advanced topics.
 
-## 🧩 Modules
+## <a name="modules">🧩 Modules</a>
 
 Discover our [list of modules](https://nuxt.com/modules) to supercharge your Nuxt project, created by the Nuxt team and community.
 
-## 🤲🏼 Contribute
+## <a name="contribute">❤️ Contribute</a>
 
 We invite you to contribute and help improve Nuxt 💚
 
@@ -94,20 +94,20 @@ Here are a few ways you can get involved:
 - **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/community/contribution#creating-an-issue) to share your suggestions.
 - **Questions:** If you have questions or need assistance, the [getting help guide](https://nuxt.com/docs/community/getting-help) provides resources to help you out.
 
-## 🏠 Local Development
+## <a name="local-development">🏠 Local Development</a>
 
 Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/docs/community/framework-contribution#setup) to contribute to the framework and documentation.
 
-## ⛰️ Nuxt 2
+## <a name="nuxt-2">⛰️ Nuxt 2</a>
 
 You can find the code for Nuxt 2 on the [`2.x` branch](https://github.com/nuxt/nuxt/tree/2.x) and the documentation at [v2.nuxt.com](https://v2.nuxt.com).
 
-## 🔗 Follow us
+## <a name="follow-us">🔗 Follow us</a>
 
 <p valign="center">
   <a href="https://chat.nuxt.dev"><img width="20px" src="./.github/assets/discord.svg" alt="Discord"></a>&nbsp;&nbsp;<a href="https://twitter.nuxt.dev"><img width="20px" src="./.github/assets/twitter.svg" alt="Twitter"></a>&nbsp;&nbsp;<a href="https://github.nuxt.dev"><img width="20px" src="./.github/assets/github.svg" alt="GitHub"></a>
 </p>
 
-## ©️ License
+## <a name="license">⚖️ License</a>
 
 [MIT](./LICENSE)