Mark missing content

Author: danez

packages/website/src/components/ContentMissing.tsx

@@ -0,0 +1,9 @@
+import { Callout } from 'nextra-theme-docs';
+
+export default function ContentMissing() {
+  return (
+    <Callout emoji="ℹ️" type="info">
+      This content hasn't been created yet.
+    </Callout>
+  );
+}

packages/website/src/pages/docs/reference/handlers/child-context-type-handler.mdx

@@ -1 +1,5 @@
+import ContentMissing from '@/components/ContentMissing';
+
 # childContextTypeHandler
+
+<ContentMissing />

packages/website/src/pages/docs/reference/handlers/code-type-handler.mdx

@@ -1,2 +1,5 @@
+import ContentMissing from '@/components/ContentMissing';
+
 # codeTypeHandler
 
+<ContentMissing />

packages/website/src/pages/docs/reference/handlers/context-type-handler.mdx

@@ -1 +1,5 @@
+import ContentMissing from '@/components/ContentMissing';
+
 # contextTypeHandler
+
+<ContentMissing />

packages/website/src/pages/docs/reference/handlers/prop-type-composition-handler.mdx

@@ -1 +1,5 @@
+import ContentMissing from '@/components/ContentMissing';
+
 # propTypeCompositionHandler
+
+<ContentMissing />

packages/website/src/pages/playground.mdx

@@ -1,3 +1,3 @@
-import { Language, Playground, samples } from '../components/playground';
+import { Language, Playground, samples } from '@/components/playground';
 
 <Playground initialContent={samples.ts} initialLanguage={Language.TYPESCRIPT} />

packages/website/tsconfig.json

@@ -13,7 +13,10 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "paths": {
+      "@/components/*": ["./src/components/*"]
+    }
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]