Skip to content

Commit

Permalink
chore: progress
Browse files Browse the repository at this point in the history
  • Loading branch information
@harlan-zw
harlan-zw committed Oct 10, 2024
1 parent 983f007 commit 2ded2b7
Show file tree
Hide file tree
Showing 8 changed files with 878 additions and 540 deletions.
16 changes: 8 additions & 8 deletions docs/app/app.vue
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<script setup lang="ts">
import fetchStats from '~/composables/stats'
import { fetchStats } from '~/composables/stats'
import { modules } from '../../src/const'
const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
Expand All @@ -16,11 +16,11 @@ provide('stats', stats)
provide('navigation', navigation)
provide('docsAsideLinks', children)
provide('modules', modules)
provide('module', computed(() => {
const m = SeoModules.find(l => l?.slug === segment.value)
const stats = (publicRuntimeConfig.moduleStats || []).find(m2 => m2.id === m?.id)?.stats || {}
return m
}))
// provide('module', computed(() => {
// const m = modules.find(l => l?.slug === segment.value)
// const stats = (publicRuntimeConfig.moduleStats || []).find(m2 => m2.id === m?.id)?.stats || {}
// return m
// }))
useSeoMeta({
ogTitle: 'Nuxt SEO · All the boring SEO work for Nuxt done.',
Expand Down Expand Up @@ -91,10 +91,10 @@ useSeoMeta({
<div class="gap-3">
<img alt="Harlan Wilton" loading="lazy" src="https://avatars.githubusercontent.com/u/5326365?v=4" class="mx-auto rounded-full w-10 h-10 mb-3">
<div class="flex justify-center items-center opacity-70">
<UButton color="white" title="Twitter" variant="ghost" to="https://twitter.com/harlan_zw" target="_blank">
<UButton title="Twitter" variant="ghost" to="https://twitter.com/harlan_zw" target="_blank">
<UIcon name="i-logos-twitter" class="text-xl" />
</UButton>
<UButton color="white" title="GitHub" aria-label="GitHub" variant="ghost" to="https://github.com/harlan-zw" target="_blank">
<UButton title="GitHub" aria-label="GitHub" variant="ghost" to="https://github.com/harlan-zw" target="_blank">
<UIcon name="i-logos-github-icon" class="text-xl" />
</UButton>
</div>
Expand Down
8 changes: 4 additions & 4 deletions docs/app/components/HeaderLinks.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -116,7 +116,7 @@ const ecosystemLinks = [
SEO Modules
</div>
<div class="lg:grid grid-cols-2 gap-1">
<NuxtLink v-for="(item, index) in items" :key="index" :to="`/docs${item.to}`" class="flex gap-3 ring-1 ring-transparent px-3 py-1.5 hover:bg-blue-500/10 hover:ring-blue-500 rounded text-left">
<NuxtLink v-for="(item, index) in items" :key="index" :to="`/docs/${item.slug}/getting-started/installation`" class="flex gap-3 ring-1 ring-transparent px-3 py-1.5 hover:bg-blue-500/10 hover:ring-blue-500 rounded text-left">
<UIcon :name="item.icon" dynamic class="mt-1 text-blue-300 flex-shrink-0 h-6 w-6" />
<div>
<div class="font-semibold truncate mb-0.5">
Expand All @@ -126,9 +126,9 @@ const ecosystemLinks = [
{{ item.description }}
</div>
</div>
<div>
{{ item.tag.version }}
</div>
<!-- <div>-->
<!-- {{ item.tag.version }}-->
<!-- </div>-->
</NuxtLink>
</div>
</div>
Expand Down
3 changes: 0 additions & 3 deletions docs/app/components/ShowcaseCardLink.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,9 +30,6 @@ defineProps<Partial<NuxtSEOModule>>()
<p class="font-semibold group-hover:underline">
{{ label }}
</p>
<p class="text-xs text-gray-400">
{{ description }}
</p>
</NuxtLink>
</div>
</div>
Expand Down
73 changes: 49 additions & 24 deletions docs/app/pages/index.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -228,17 +228,18 @@ const useSeoMetaMarkdown = [
<div class="gradient" />
<UContainer>
<section class=" py-5 sm:py-12 xl:py-20">
<div class="flex justify-between">
<div class="flex justify-around">
<div class="flex flex-col justify-center">
<div>
<div class="max-w-xl mb-2 inline-flex text-gray-900/90 dark:text-gray-100 leading-tight font-bold tracking-tight text-2xl dark:text-gray-300 font-normal rounded-2xl" style="line-height: 1.3;">
Growing organic traffic can take months.
</div>
</div>
<h1 class="max-w-xl text-gray-900/90 dark:text-gray-100 text-6xl leading-tight font-bold tracking-tight" style="line-height: 1.3;">
Ship your Nuxt <span class="font-cursive dark:text-yellow-200 text-purple-600">Technical SEO</span> in <span class="bg-green-500/10 px-2">minutes</span>.
Your boring Nuxt <span class="font-cursive dark:text-yellow-200 text-purple-600">Technical SEO</span> shipped in <span class="bg-green-500/10 px-2">minutes</span>.
</h1>

<p class="max-w-xl text-gray-700 dark:text-gray-300 mt-4 max-w-3xl text-center text-xl lg:text-left">
Nuxt SEO is a collection of <NuxtLink to="https://nuxt.com/modules" class="font-semibold">
modules
</NuxtLink> that handle the technical aspects of growing your site's organic traffic.
</p>

<div class="flex mb-5 flex-col items-center justify-center gap-4 sm:mt-10 sm:flex-row sm:gap-6 lg:justify-start">
<UButton size="lg" to="/docs/nuxt-seo/getting-started/what-is-nuxt-seo">
What is Nuxt SEO?
Expand All @@ -248,26 +249,50 @@ const useSeoMetaMarkdown = [
Install Nuxt SEO
</UButton>
</div>

<p class="max-w-xl text-gray-700 dark:text-gray-300 mt-4 max-w-3xl text-center text-xl lg:text-left">
Nuxt SEO is a collection of <UIcon name="i-logos-nuxt-icon" /> <NuxtLink to="https://nuxt.com/modules" class="font-semibold">
Nuxt Modules
</NuxtLink> that will make Google (and your marketing team) love you.
</p>
</div>
<div class="max-w-2xl">
<div class="sticky top-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-8">
<ShowcaseCardLink v-for="(module, key) in listedModules" v-bind="module" :key="key" class="group">
<template v-if="module.icon">
<UIcon dynamic :name="module.icon" size="100" :class="[module.label === 'Robots' ? 'transition group-hover:opacity-0' : '']" class="text-blue-300" />
</template>
<template #teleport>
<template v-if="module.label === 'Robots'">
<BouncingBots v-for="(_, k) in robotState.robots" :key="k" icon="noto:robot" :interval="interval" />
</template>
</template>
</ShowcaseCardLink>
<div class="relative h-full">
<div class="h-full">
<div class="group relative border-transparent dark:border-gray-500/30 hover:border-blue-400 transition h-full">
<div
class="relative flex items-center justify-center bg-no-repeat bg-cover border-b-2 border-gray-100/30 dark:border-gray-900/10"
style="background-image: url('/grid.png')"
>
<div
class="blur-overlay w-full h-full absolute pointer-events-none"
/>
<div class="z-10 text-blue-200 group-hover:scale-110 w-full h-full flex items-center justify-center group-hover:text-blue-500 transition-all relative">
<div class="sticky top-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-[50px]">
<div v-for="(module, key) in listedModules" v-bind="module" :key="key" class="">
<UIcon dynamic :name="module.icon" size="100" :class="[module.label === 'Robots' ? 'transition group-hover:opacity-0' : '']" class="text-blue-300" />
<NuxtLink
class="group"
:to="`/docs/${module.slug}/getting-started/installation`"
:title="module.label"
>
<p class="font-semibold group-hover:underline">
{{ module.label }}
</p>
</NuxtLink>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="sticky top-10 grid grid-cols-1 md:grid-cols-3 lg:grid-cols-3 gap-[50px]">-->
<!-- <ShowcaseCardLink v-for="(module, key) in listedModules" v-bind="module" :key="key" class="group">-->
<!-- <template v-if="module.icon">-->
<!-- <UIcon dynamic :name="module.icon" size="100" :class="[module.label === 'Robots' ? 'transition group-hover:opacity-0' : '']" class="text-blue-300" />-->
<!-- </template>-->
<!-- <template #teleport>-->
<!-- <template v-if="module.label === 'Robots'">-->
<!-- <BouncingBots v-for="(_, k) in robotState.robots" :key="k" icon="noto:robot" :interval="interval" />-->
<!-- </template>-->
<!-- </template>-->
<!-- </ShowcaseCardLink>-->
<!-- </div>-->
</div>
</div>
</section>
Expand Down
3 changes: 0 additions & 3 deletions docs/nuxt.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,9 +21,6 @@ export default defineNuxtConfig({
'@nuxt/scripts',
'@nuxt/image',
NuxtSEO,
async (_, nuxt) => {
nuxt.options.alias['#app'] = await resolvePath('nuxt/app')
},
],

ui: {
Expand Down
24 changes: 12 additions & 12 deletions docs/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,19 +10,19 @@
"twoslash:verify": "nuxt-content-twoslash verify --content-dir content"
},
"devDependencies": {
"@iconify-json/carbon": "^1.2.1",
"@iconify-json/heroicons": "^1.2.0",
"@iconify-json/logos": "^1.2.2",
"@iconify-json/material-symbols": "^1.2.2",
"@iconify-json/noto": "^1.2.0",
"@iconify-json/ph": "^1.2.0",
"@iconify-json/radix-icons": "^1.2.0",
"@iconify-json/simple-icons": "^1.2.5",
"@iconify-json/uil": "^1.2.0",
"@iconify-json/carbon": "^1.2.2",
"@iconify-json/heroicons": "^1.2.1",
"@iconify-json/logos": "^1.2.3",
"@iconify-json/material-symbols": "^1.2.3",
"@iconify-json/noto": "^1.2.1",
"@iconify-json/ph": "^1.2.1",
"@iconify-json/radix-icons": "^1.2.1",
"@iconify-json/simple-icons": "^1.2.7",
"@iconify-json/uil": "^1.2.1",
"@iconify-json/vscode-icons": "^1.2.2",
"@nuxt/content": "^2.13.2",
"@nuxt/devtools": "1.5.2",
"@nuxt/fonts": "^0.9.2",
"@nuxt/fonts": "^0.10.0",
"@nuxt/image": "^1.8.1",
"@nuxt/scripts": "^0.9.4",
"@nuxt/ui": "3.0.0-alpha.5",
Expand All @@ -35,8 +35,8 @@
"nuxt-build-cache": "^0.1.1",
"nuxt-content-twoslash": "^0.1.1",
"nuxt-lodash": "^2.5.3",
"ofetch": "^1.4.0",
"radix-vue": "^1.9.6",
"ofetch": "^1.4.1",
"radix-vue": "^1.9.7",
"shiki": "1.21.0",
"shiki-transformer-color-highlight": "^0.2.0"
}
Expand Down
6 changes: 3 additions & 3 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,16 @@
"@antfu/eslint-config": "^3.7.3",
"@nuxt/module-builder": "^0.8.4",
"@nuxt/schema": "3.13.2",
"@nuxt/test-utils": "^3.14.2",
"@nuxt/test-utils": "^3.14.3",
"@nuxtjs/i18n": "^8.5.5",
"@vue/test-utils": "^2.4.6",
"bumpp": "^9.6.1",
"bumpp": "^9.7.1",
"eslint": "^9.12.0",
"execa": "^9.4.0",
"happy-dom": "^15.7.4",
"nitropack": "^2.9.7",
"nuxt": "3.13.2",
"typescript": "5.6.2",
"typescript": "5.6.3",
"vitest": "^2.1.2"
},
"build": {
Expand Down
Loading

0 comments on commit 2ded2b7

Please sign in to comment.