update next example

Author: xiaoxinghu

examples/next/components/special-layout.tsx

@@ -9,7 +9,7 @@ const Layout: FC = ({ children }) => {
           top: 0,
           left: 0,
           display: 'flex',
-          justfiyContent: 'center',
+          justifyContent: 'center',
           alignItems: 'center',
           width: '100%',
           height: 64,

examples/next/next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

examples/next/next.config.js

@@ -1,23 +1,4 @@
-const codeHighlight = require('@orgajs/reorg-shiki').default
-const path = require('path')
-const withOrga = require('@orgajs/next').default({
-  defaultLayout: require.resolve('./components/layout.tsx'),
-  reorgPlugins: [
-    [
-      codeHighlight,
-      {
-        langs: [
-          {
-            id: 'org',
-            scopeName: 'source.org',
-            path: path.resolve(__dirname, 'org.tmLanguage.json'),
-          },
-        ],
-      },
-    ],
-  ],
-  estree: {},
-})
+const withOrga = require('@orgajs/next').default({})
 
 module.exports = withOrga({
   pageExtensions: ['js', 'jsx', 'tsx', 'org'],

examples/next/package.json

@@ -2,17 +2,15 @@
   "name": "@orgajs/example-next",
   "version": "3.0.14",
   "private": true,
-  "type": "module",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start"
   },
   "dependencies": {
-    "@orgajs/loader": "3.1.10",
-    "@orgajs/next": "3.1.12",
-    "@orgajs/react": "3.0.1",
-    "@orgajs/reorg-shiki": "1.0.2",
+    "@orgajs/loader": "workspace:^",
+    "@orgajs/next": "workspace:^",
+    "@orgajs/react": "workspace:^",
     "eslint-config-next": "^13.4.1",
     "next": "^13.4.1",
     "react": "^18.2.0",

examples/next/pages/_app.tsx

@@ -1,3 +1,4 @@
+// @ts-ignore
 import Banner, { words } from '../components/banner.org'
 
 const ReactPage = () => {

examples/next/pages/react-page.tsx

@@ -4,7 +4,7 @@
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": false,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
     "noEmit": true,
     "esModuleInterop": true,
@@ -13,8 +13,16 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }

examples/next/tsconfig.json

@@ -0,0 +1 @@
+/// <reference types="@orgajs/orgx/types" />