chore: docs build

nuxt · Apr 24, 2024 · 1838924 · 1838924
1 parent a5490c4
commit 1838924
Show file tree

Hide file tree

Showing 6 changed files with 825 additions and 1,699 deletions.
diff --git a/docs/composables/useScriptRegistry.ts → docs/composables/useScriptsRegistry.ts b/docs/composables/useScriptRegistry.ts → docs/composables/useScriptsRegistry.ts
@@ -1,5 +1,5 @@
 import { registry } from '../../src/registry'
 
-export function useScriptRegistry() {
+export function useScriptsRegistry() {
   return registry() // we don't need paths here
 }
diff --git a/docs/package.json b/docs/package.json
@@ -15,12 +15,12 @@
     "@nuxt/content": "^2.12.1",
     "@nuxt/fonts": "^0.6.1",
     "@nuxt/image": "^1.6.0",
+    "@nuxt/scripts": "workspace:*",
     "@nuxt/ui-pro": "^1.1.0",
     "@nuxthq/studio": "^1.0.13",
     "@nuxtjs/seo": "^2.0.0-rc.10",
     "@vueuse/core": "^10.9.0",
     "@vueuse/nuxt": "^10.9.0",
-    "nuxt": "^3.11.2",
-    "@nuxt/scripts": "workspace:*"
+    "nuxt": "^3.11.2"
   }
 }
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useScriptRegistry } from '~/composables/useScriptRegistry'
+import { useScriptsRegistry } from '~/composables/useScriptsRegistry'
 
-const registry = useScriptRegistry()
+const registry = useScriptsRegistry()
 const { data: page } = await useAsyncData('index', () => queryContent('/').findOne())
 
 useSeoMeta({
@@ -79,6 +79,17 @@ useSeoMeta({
   position: relative;
   transform: perspective(600px) rotateX(-1deg) rotateY(-15deg);
 }
+.grid-transform:before {
+  content: '';
+  z-index: -1;
+  left: -10%;
+  top: -10%;
+  position: absolute;
+  width: 150%;
+  height: 120%;
+  background: radial-gradient(circle, #D9FBE8 0%, #D9FBE8 50%, transparent 100%);
+  opacity: 0.5;
+}
 .card {
   box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.05);
   transition: transform 0.5s, box-shadow 0.5s;

diff --git a/docs/pages/scripts.vue b/docs/pages/scripts.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import {useScriptRegistry} from "~/composables/useScriptRegistry";
+import { useScriptsRegistry } from '~/composables/useScriptsRegistry'
 
 const categories = {
   analytics: {
@@ -29,7 +29,7 @@ const categories = {
 }
 
 // group by category
-const scriptsCategories = useScriptRegistry().reduce((acc, script) => {
+const scriptsCategories = useScriptsRegistry().reduce((acc, script) => {
   if (!acc[script.category])
     acc[script.category] = []
   acc[script.category].push({