From a6a664d995bf1235131ecbe2d6caaf0e47745b68 Mon Sep 17 00:00:00 2001
From: Eduardo San Martin Morote <posva13@gmail.com>
Date: Fri, 5 Mar 2021 19:31:08 +0100
Subject: [PATCH] docs: improve imports

---
 docs/.vitepress/components/HomeSponsors.vue | 19 +++++--------------
 docs/.vitepress/theme/index.js              |  2 --
 docs/index.md                               | 21 +++++++++++++++++++++
 3 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/docs/.vitepress/components/HomeSponsors.vue b/docs/.vitepress/components/HomeSponsors.vue
index 97efc1ff..a480aca0 100644
--- a/docs/.vitepress/components/HomeSponsors.vue
+++ b/docs/.vitepress/components/HomeSponsors.vue
@@ -16,18 +16,9 @@
   </div>
 </template>
 
-<script>
+<script setup>
 import HomeSponsorsGroup from './HomeSponsorsGroup.vue'
 import sponsors from './sponsors.json'
-
-export default {
-  name: 'HomeSponsors',
-  components: { HomeSponsorsGroup },
-
-  created() {
-    this.sponsors = sponsors
-  },
-}
 </script>
 
 <style>
@@ -39,7 +30,6 @@ export default {
 }
 
 #sponsors h3 {
-  color: #999;
   margin: 0 0 10px;
 }
 
@@ -72,11 +62,12 @@ export default {
   border-radius: 2em;
   transition: all 0.15s ease;
   box-sizing: border-box;
-  border: 1px solid #4fc08d;
+  border: 2px solid var(--c-text);
+  color: var(--c-text);
 }
 
 #sponsors .become-sponsor:hover {
-  background-color: #4fc08d;
-  color: white;
+  background-color: var(--c-brand);
+  border-color: var(--c-brand);
 }
 </style>
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 6782a554..323bb5f3 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -1,12 +1,10 @@
 import DefaultTheme from 'vitepress/dist/client/theme-default'
 import Layout from './Layout.vue'
-import HomeSponsors from '../components/HomeSponsors.vue'
 
 export default {
   ...DefaultTheme,
   Layout,
   enhanceApp({ app, router, siteData }) {
-    app.component('HomeSponsors', HomeSponsors)
     // app is the Vue 3 app instance from createApp()
     // router is VitePress' custom router (see `lib/app/router.js`)
     // siteData is a ref of current site-level metadata.
diff --git a/docs/index.md b/docs/index.md
index 05cce305..984bd844 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -1,8 +1,29 @@
 ---
 home: true
+
 heroImage: /logo.png
 actionText: Get Started →
 actionLink: /introduction.html
 
+features:
+  - title: 💡 Intuitive
+    details: Stores are as familiar as components. API designed to let you write well organized stores.
+  - title: 🔑 Type Safe
+    details: Types are inferred, which means stores provide you with autocompletion even in JavaScript!
+  - title: ⚙️ Devtools support
+    details: Pinia hooks into Vue devtools to give you a enhanced development experience in both Vue 2 and Vue 3.
+  - title: 🔌 Extensible
+    details: React to store changes to extend Pinia with transactions, local storage synchronization, etc.
+  - title: 🏗 Modular by design
+    details: Build multiple stores and let your bundler code split them automatically.
+  - title: 📦 Extremely light
+    details: Pinia weights around 1kb, you will forget it's even there!
+
 footer: MIT Licensed | Copyright © 2014-present Evan You, Eduardo San Martin Morote
 ---
+
+<HomeSponsors />
+
+<script setup>
+import HomeSponsors from './.vitepress/components/HomeSponsors.vue'
+</script>
-- 
2.47.2