docs: update links in learn section

nuxt-themes · Jun 17, 2021 · 79b6cb8 · 79b6cb8
1 parent c7908cf
commit 79b6cb8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/nuxtjs.org/components/HomeLearnGuides.vue b/nuxtjs.org/components/HomeLearnGuides.vue
@@ -24,20 +24,10 @@
               :image="`/img/home/learn/guides/${guide.icon}.svg`"
               :title="guide.title"
               :description="guide.description"
+              :to="guide.to"
             />
           </div>
         </template>
-
-        <template #button>
-          <SectionButton
-            to="#"
-            aria-label="Learn more"
-            size="sm"
-            class="bg-primary text-gray-800 font-semibold hover:bg-green-300 focus:bg-green-300"
-          >
-            Learn more
-          </SectionButton>
-        </template>
       </SectionContent>
     </template>
   </HomeSection>
@@ -52,17 +42,20 @@ export default defineComponent({
       {
         title: 'Usage',
         description: 'Learn Nuxt concepts and features from beginning to mastery.',
-        icon: 'gem-usage'
+        icon: 'gem-usage',
+        to: '/docs/get-started/installation'
       },
       {
         title: 'Internals',
         description: "Dive deep into Nuxt internals to extend your application's behavior.",
-        icon: 'gem-internals'
+        icon: 'gem-internals',
+        to: '/docs/internals-glossary/context'
       },
       {
         title: 'API References',
         description: 'Discover all properties and their options when you need a complete overview.',
-        icon: 'gem-api'
+        icon: 'gem-api',
+        to: '/docs/configuration-glossary/configuration-alias'
       }
     ]
 

diff --git a/nuxtjs.org/components/SectionContentItem.vue b/nuxtjs.org/components/SectionContentItem.vue
@@ -4,7 +4,8 @@
       <img class="mb-4" :src="image" :alt="`A ${title} image`" />
     </slot>
     <h3 class="mb-1 text-center text-body-lg lg:text-body-xl font-bold">{{ title }}</h3>
-    <p class="text-center text-sm lg:text-base dark:text-secondary-lightest">{{ description }}</p>
+    <p class="text-center text-sm lg:text-base dark:text-secondary-lightest mb-4">{{ description }}</p>
+    <MMarketingLink v-if="to" color="primary-green" name="Learn more" icon="IconChevronRight" :to="to" />
   </div>
 </template>
 
@@ -24,6 +25,10 @@ export default defineComponent({
     description: {
       type: String,
       default: ''
+    },
+    to: {
+      type: String,
+      default: ''
     }
   }
 })