TinaCMS content update

Co-authored-by: Ben Neoh <[email protected]>

content/docs/reference/config.mdx

@@ -55,4 +55,39 @@ export default defineConfig({
 ```
 
 In this example, the TinaCMS admin will be viewable at `<my-site-url>/admin/index.html`.
-For more information [check out the content modeling section](/docs/schema/).
+For more information [check out the content modeling section](/docs/schema/).\
+\
+
+
+## Typescript Path Alias 
+
+TinaCMS supports typeScript path aliases in the tina.config.js file and collections, making it easier to organize and maintain your code.
+
+##### Use alias in config.ts
+
+Ensure that tsconfig.json exists at the root of your project. Define your aliases in the compilerOptions section:
+
+```json
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+      "paths": {
+      "@/*": ["src/*"]
+    }
+  }
+}
+```
+
+Figure: Your defined tsconfig.json
+
+You can now import utilities or other modules using the aliases:
+
+```typescript
+import { someUtility } from '@/lib/utils';
+
+export default defineConfig({
+  ....
+})
+```
+
+Figure: Using aliases in tina config.ts