docs: improve imports

diff --git a/docs/.vitepress/components/HomeSponsors.vue b/docs/.vitepress/components/HomeSponsors.vue
index 97efc1fff0d3474ace9ff99cdfd43ba55b6a9e46..a480aca0c749266e66f9b1387c044d733b7ab62a 100644 (file)
--- 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 6782a554d5f69ff6e3ad3fdb59ac346a2432ddfe..323bb5f3da45211c36293029ac6aec227e03732f 100644 (file)
--- 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 05cce305111069c2a244cabf58b10c7431ae75e6..984bd84457be95babaec3cf932fa462c6031bbd2 100644 (file)
--- 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>