-
Notifications
You must be signed in to change notification settings - Fork 41
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
239 additions
and
46 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,82 @@ | ||
| <template> | ||
| <UFooter :links="links"> | ||
| <template #left /> | ||
| <script lang="ts" setup> | ||
| <template #right> | ||
| <UColorModeButton v-if="footer?.colorMode" /> | ||
| </script> | ||
|
|
||
| <template v-if="footer?.links"> | ||
| <UButton | ||
| v-for="(link, index) of footer?.links" | ||
| :key="index" | ||
| v-bind="{ color: 'gray', variant: 'ghost', ...link }" | ||
| /> | ||
| </template> | ||
| </template> | ||
| </UFooter> | ||
| <template> | ||
| <div> | ||
| <footer class="text-sm text-gray-700 dark:text-gray-200 mt-20"> | ||
| <div class="border-t border-gray-200 dark:border-gray-800"> | ||
| <UContainer> | ||
| <div class="py-10 grid xl:grid-cols-3 lg:gap-20 gap-10"> | ||
| <div> | ||
| <div class="mb-5"> | ||
| <NuxtLink to="/" title="Home" class="flex items-end gap-1.5 font-bold text-xl text-gray-900 dark:text-white font-title"> | ||
| <Logo /> | ||
| </NuxtLink> | ||
| </div> | ||
| <nav> | ||
| <ul class="space-y-6"> | ||
| <li> | ||
| <NuxtLink to="/docs/getting-started"> | ||
| What is Nuxt Scripts? | ||
| </NuxtLink> | ||
| </li> | ||
| <li> | ||
| <NuxtLink to="/docs/getting-started/installation"> | ||
| Install Nuxt Scripts | ||
| </NuxtLink> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div> | ||
| <h3 class="font-bold mb-5"> | ||
| Top Guides | ||
| </h3> | ||
| <nav> | ||
| <ul class="grid grid-cols-2 gap-6"> | ||
| <li v-for="(module, key) in modules" :key="key"> | ||
| <NuxtLink :to="module.to"> | ||
| <Icon :name="module.icon" /> | ||
| {{ module.label }} | ||
| </NuxtLink> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| <div> | ||
| <div class="bg-gray-50 dark:bg-gray-900 flex rounded-xl shadow p-5"> | ||
| <div> | ||
| <div class="mb-2"> | ||
| Hey <Icon name="noto:waving-hand" /> My name is <a href="https://harlanzw.com" target="_blank" class="underline">Harlan</a> and I'm the lead developer and maintainer of Nuxt Scripts. | ||
| </div> | ||
| <div> | ||
| Like the module? Let me know! | ||
| </div> | ||
| </div> | ||
| <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"> | ||
| <UButton color="white" title="Twitter" variant="link" to="https://twitter.com/harlan_zw" target="_blank"> | ||
| <Icon name="i-ph-twitter-logo-duotone" class="text-xl" /> | ||
| </UButton> | ||
| <UButton color="white" title="GitHub" aria-label="GitHub" variant="link" to="https://github.com/harlan-zw" target="_blank"> | ||
| <Icon name="i-ph-github-logo-duotone" class="text-xl" /> | ||
| </UButton> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </UContainer> | ||
| </div> | ||
| <div class="border-t border-gray-200 dark:border-gray-800"> | ||
| <UContainer> | ||
| <div class="py-10"> | ||
| Copyright © {{ new Date().getFullYear() }} Nuxt Team - <a href="https://github.com/nuxt/scripts/blob/main/LICENSE">MIT License</a> | ||
| </div> | ||
| </UContainer> | ||
| </div> | ||
| </footer> | ||
| </div> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,33 @@ | ||
| <script lang="ts" setup> | ||
| defineProps<{ label: string, description: string }>() | ||
| </script> | ||
|
|
||
| <template> | ||
| <div class="relative h-full"> | ||
| <div class="h-full"> | ||
| <div class="group relative border hover:border-blue-400 dark:border-gray-800 transition rounded-xl overflow-hidden h-full"> | ||
| <div | ||
| class="h-48 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"> | ||
| <slot /> | ||
| </div> | ||
| <slot name="teleport" /> | ||
| </div> | ||
|
|
||
| <div class="p-4"> | ||
| <h3 class="font-semibold"> | ||
| {{ label }} | ||
| </h3> | ||
| <p class="text-sm mt-1 text-gray-400 leading-[22px]"> | ||
| {{ description }} | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </template> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| ```vue | ||
| <script lang="ts" setup> | ||
| const cookieConsent = useScriptTriggerConsent() | ||
| const { $script, gtag } = useScript('/my-script.js', { | ||
| trigger: cookieConsent | ||
| }) | ||
| </script> | ||
| <template> | ||
| <CookieConsent @accept="cookieConsent.accept()" /> | ||
| </template> | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,12 @@ | ||
| ```vue | ||
| <script lang="ts" setup> | ||
| const { $script, gtag } = useScriptGoogleAnalytics( | ||
| { id: 'G-1234567' }, | ||
| { trigger: 'manual' } | ||
| ) | ||
| // send events | ||
| gtag('config', 'UA-123456789-1') | ||
| // .. | ||
| $script.load() // load the script | ||
| </script> | ||
| ``` |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.