Move api directory

docs/.vitepress/config.ts

@@ -11,8 +11,6 @@ const description = 'Beautiful & consistent icon toolkit made by the community.'
 
 const isDev = process.env.NODE_ENV !== 'production';
 
-console.log(isDev);
-
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
   title,
@@ -42,13 +40,18 @@ export default defineConfig({
         },
       ],
     },
-    plugins: [
+    plugins: isDev && [
       nitro(
         {
           ssr: false,
-          sourceRoot: '.vitepress',
+          sourceRoot: '.',
+        },
+        {
+          ...nitroConfig,
+          srcDir: '.',
+          routesDir: 'api',
+          scanDirs: ['.'],
         },
-        nitroConfig,
       ),
     ],
   },

docs/.vitepress/theme/composables/useFetchCategories.ts

@@ -1,12 +1,9 @@
 import { useFetch } from '@vueuse/core';
 
 const useFetchCategories = () =>
-  useFetch<Record<string, string[]>>(
-    `${import.meta.env.DEV ? 'http://localhost:3000' : ''}/api/categories`,
-    {
-      immediate:
-        typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('search'),
-    },
-  ).json();
+  useFetch<Record<string, string[]>>('/api/categories', {
+    immediate:
+      typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('search'),
+  }).json();
 
 export default useFetchCategories;

docs/.vitepress/theme/composables/useFetchTags.ts

@@ -1,12 +1,9 @@
 import { useFetch } from '@vueuse/core';
 
 const useFetchTags = () =>
-  useFetch<Record<string, string[]>>(
-    `${import.meta.env.DEV ? 'http://localhost:3000' : ''}/api/tags`,
-    {
-      immediate:
-        typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('search'),
-    },
-  ).json();
+  useFetch<Record<string, string[]>>('/api/tags', {
+    immediate:
+      typeof window !== 'undefined' && new URLSearchParams(window.location.search).has('search'),
+  }).json();
 
 export default useFetchTags;

docs/api/categories/index.get.ts

@@ -1,5 +1,5 @@
 import { eventHandler, setResponseHeader } from 'h3';
-import iconMetaData from '../../data/iconMetaData';
+import iconMetaData from '~/.vitepress/data/iconMetaData';
 
 export default eventHandler((event) => {
   setResponseHeader(event, 'Cache-Control', 'public, max-age=86400');

docs/api/figma/data.ts

@@ -1,9 +1,9 @@
 import { eventHandler, setResponseHeader } from 'h3';
-import iconNodes from '../../data/iconNodes/index.ts';
-import { IconNodeWithKeys } from '../../theme/types';
-import iconMetaData from '../../data/iconMetaData';
-import releaseMeta from '../../data/releaseMetaData.json';
-import categories from '../../data/categoriesData.json';
+import iconNodes from '~/.vitepress/data/iconNodes/index.ts';
+import { IconNodeWithKeys } from '~/.vitepress/theme/types';
+import iconMetaData from '~/.vitepress/data/iconMetaData';
+import releaseMeta from '~/.vitepress/data/releaseMetaData.json';
+import categories from '~/.vitepress/data/categoriesData.json';
 
 const dataResponse = {
   icons: Object.entries(iconNodes).reduce((acc, [name, iconNode]) => {

docs/api/gh-icon/[...data].get.tsx

@@ -1,10 +1,10 @@
 import { eventHandler, setResponseHeader, defaultContentType } from 'h3';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
 import React from 'react';
-import SvgPreview from '../../lib/SvgPreview/index.tsx';
-import iconNodes from '../../data/iconNodes';
+import SvgPreview from '~/.vitepress/lib/SvgPreview/index.tsx';
+import iconNodes from '~/.vitepress/data/iconNodes';
 import createLucideIcon from 'lucide-react/src/createLucideIcon';
-import Backdrop from '../../lib/SvgPreview/Backdrop.tsx';
+import Backdrop from '~/.vitepress/lib/SvgPreview/Backdrop.tsx';
 
 export default eventHandler((event) => {
   const { params } = event.context;

docs/api/gh-icon/diff/[...data].get.tsx

@@ -1,8 +1,8 @@
 import { eventHandler, setResponseHeader, defaultContentType } from 'h3';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
 import React from 'react';
-import Diff from '../../../lib/SvgPreview/Diff.tsx';
-import iconNodes from '../../../data/iconNodes';
+import Diff from '~/.vitepress/lib/SvgPreview/Diff.tsx';
+import iconNodes from '~/.vitepress/data/iconNodes';
 import createLucideIcon from 'lucide-react/src/createLucideIcon';
 
 export default eventHandler((event) => {

docs/api/gh-icon/dpi/[...data].get.ts

@@ -1,5 +1,5 @@
 import { eventHandler, setResponseHeader, defaultContentType } from 'h3';
-import iconNodes from '../../../data/iconNodes';
+import iconNodes from '~/.vitepress/data/iconNodes';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import createLucideIcon from 'lucide-react/src/createLucideIcon';

docs/api/gh-icon/symmetry/[...data].get.tsx

@@ -1,7 +1,7 @@
 import { eventHandler, setResponseHeader, defaultContentType } from 'h3';
 import { renderToString } from 'react-dom/server';
 import React from 'react';
-import Diff from '../../../lib/SvgPreview/Diff.tsx';
+import Diff from '~/.vitepress/lib/SvgPreview/Diff.tsx';
 
 export default eventHandler((event) => {
   const { params } = event.context;

docs/api/icon-nodes/index.get.ts

@@ -1,6 +1,6 @@
 import { eventHandler, getQuery, setResponseHeader } from 'h3';
-import iconNodes from '../../data/iconNodes';
-import { IconNodeWithKeys } from '../../theme/types';
+import iconNodes from '~/.vitepress/data/iconNodes';
+import { IconNodeWithKeys } from '~/.vitepress/theme/types';
 
 export default eventHandler((event) => {
   const query = getQuery(event);

docs/api/icons/[iconName].get.ts

@@ -1,5 +1,5 @@
 import { eventHandler, getQuery, setResponseHeader, createError } from 'h3';
-import iconNodes from '../../data/iconNodes';
+import iconNodes from '~/.vitepress/data/iconNodes';
 import createLucideIcon from 'lucide-react/src/createLucideIcon';
 import { renderToString } from 'react-dom/server';
 import { createElement } from 'react';

docs/api/tags/index.get.ts

@@ -1,4 +1,4 @@
-import iconMetaData from '../../data/iconMetaData';
+import iconMetaData from '~/.vitepress/data/iconMetaData';
 import { eventHandler, setResponseHeader } from 'h3';
 
 export default eventHandler((event) => {