fix: tsconfig to add type on mdx

app/mdx.d.ts

@@ -1,5 +1,9 @@
 declare module "*.mdx" {
-  export const frontmatter: { title: string; description: string };
+  export const frontmatter: {
+    title: string;
+    description: string;
+    published: string;
+  };
 
   export default function (props: Record<string, never>): JSX.Element;
 }

app/routes/_index.tsx

@@ -15,7 +15,6 @@ export const meta: MetaFunction = () => {
 export default function Index() {
   return (
     <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
-      <h1>Welcome to my blog</h1>
       <Link to="/blog" prefetch="intent" unstable_viewTransition>
         <Button variant="default">Blog</Button>
       </Link>

app/routes/blog_._index.tsx

@@ -1,12 +1,12 @@
 import { Link } from "@remix-run/react";
-import * as postFirst from "./blog.first.mdx";
+import * as postFirst from "./blog.nexttoremix.mdx";
 import * as postHowTaskPageCreated from "./blog.howtaskpagecreated.mdx";
 import * as postWhatICareAbout from "./blog.whaticareabout.mdx";
 
 export default function BlogListComponent() {
     return (
         <div className="p-10 prose">
-            <div><Link to={"/blog/first"} prefetch="intent" unstable_viewTransition>{postFirst.frontmatter.title}</Link></div>
+            <div><Link to={"/blog/nexttoremix"} prefetch="intent" unstable_viewTransition>{postFirst.frontmatter.title}</Link></div>
             <div><Link to={"/blog/howtaskpagecreated"} prefetch="intent" unstable_viewTransition>{postHowTaskPageCreated.frontmatter.title}</Link></div>
             <div><Link to={"/blog/whaticareabout"} prefetch="intent" unstable_viewTransition>{postWhatICareAbout.frontmatter.title}</Link></div>
         </div>

app/routes/snippets.mdx

@@ -0,0 +1,5 @@
+<div className="p-10 prose md:container mx-auto">
+```bash
+sudo apt update && sudo apt upgrade -y
+```
+</div>

package.json

@@ -33,6 +33,7 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
+    "front-matter": "^4.0.2",
     "isbot": "^4.1.0",
     "lucide-react": "^0.372.0",
     "miniflare": "^3.20240404.0",

public/currentIssues.json

@@ -1 +1 @@
-[{"body":"","number":69,"state":"OPEN","title":"add tweet button blog post","url":"https://github.com/nash1111/nash1111-tech-blog/issues/69"},{"body":"","number":67,"state":"OPEN","title":"tweet button(with blog title)","url":"https://github.com/nash1111/nash1111-tech-blog/issues/67"},{"body":"","number":64,"state":"CLOSED","title":"add tweet button","url":"https://github.com/nash1111/nash1111-tech-blog/issues/64"},{"body":"","number":63,"state":"OPEN","title":"add blog post card\n","url":"https://github.com/nash1111/nash1111-tech-blog/issues/63"},{"body":"","number":62,"state":"CLOSED","title":"add post, what i care","url":"https://github.com/nash1111/nash1111-tech-blog/issues/62"},{"body":"","number":61,"state":"OPEN","title":"add diary","url":"https://github.com/nash1111/nash1111-tech-blog/issues/61"},{"body":"","number":59,"state":"OPEN","title":"add gif","url":"https://github.com/nash1111/nash1111-tech-blog/issues/59"},{"body":"https://playwright.dev/docs/test-components#example","number":58,"state":"OPEN","title":"add component test","url":"https://github.com/nash1111/nash1111-tech-blog/issues/58"},{"body":"eg: design, blogpost, bug, game, etc","number":54,"state":"OPEN","title":"use label for filter on task page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/54"},{"body":"","number":53,"state":"CLOSED","title":"add blog post: how task page created","url":"https://github.com/nash1111/nash1111-tech-blog/issues/53"},{"body":"","number":52,"state":"CLOSED","title":"add playwright","url":"https://github.com/nash1111/nash1111-tech-blog/issues/52"},{"body":"ref: https://github.com/nash1111/nash1111-tech-blog/actions/runs/9236761059/job/25412956776","number":49,"state":"OPEN","title":"fix actions","url":"https://github.com/nash1111/nash1111-tech-blog/issues/49"},{"body":"","number":47,"state":"CLOSED","title":"fix: commit forgotten of lastUpdated.ts","url":"https://github.com/nash1111/nash1111-tech-blog/issues/47"},{"body":"","number":46,"state":"CLOSED","title":"stabilize ratio of task table","url":"https://github.com/nash1111/nash1111-tech-blog/issues/46"},{"body":"add label","number":45,"state":"OPEN","title":"update issue json","url":"https://github.com/nash1111/nash1111-tech-blog/issues/45"},{"body":"","number":43,"state":"CLOSED","title":"add post 1","url":"https://github.com/nash1111/nash1111-tech-blog/issues/43"},{"body":"","number":39,"state":"OPEN","title":"add 404 page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/39"},{"body":"","number":38,"state":"CLOSED","title":"show when issue.json created","url":"https://github.com/nash1111/nash1111-tech-blog/issues/38"},{"body":"","number":36,"state":"CLOSED","title":"frontmatter error","url":"https://github.com/nash1111/nash1111-tech-blog/issues/36"},{"body":"","number":34,"state":"CLOSED","title":"fix header","url":"https://github.com/nash1111/nash1111-tech-blog/issues/34"},{"body":"Ensure that the ratio of the data table in shadcn/ui remains constant even when sorted.","number":33,"state":"CLOSED","title":"fix task table","url":"https://github.com/nash1111/nash1111-tech-blog/issues/33"},{"body":"https://doc.babylonjs.com/legacy/physics/joints\r\n\r\nhttps://doc.babylonjs.com/features/featuresDeepDive/materials/using/reflectionTexture#mirrortexture","number":32,"state":"OPEN","title":"add three sided mirror with Babylonjs","url":"https://github.com/nash1111/nash1111-tech-blog/issues/32"},{"body":"","number":31,"state":"CLOSED","title":"/task page not found on cloudflare, but seen on local","url":"https://github.com/nash1111/nash1111-tech-blog/issues/31"},{"body":"this ci should run on every pr","number":30,"state":"OPEN","title":"add knip ci","url":"https://github.com/nash1111/nash1111-tech-blog/issues/30"},{"body":"generate issues.json with github actions and commit","number":29,"state":"CLOSED","title":"add cron with GHActions","url":"https://github.com/nash1111/nash1111-tech-blog/issues/29"},{"body":"","number":26,"state":"CLOSED","title":"add style to blog post","url":"https://github.com/nash1111/nash1111-tech-blog/issues/26"},{"body":"","number":25,"state":"CLOSED","title":"add blog posts list page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/25"},{"body":"![image](https://github.com/nash1111/nash1111-tech-blog/assets/35922853/cbbf7f7e-5afd-4fa8-b21a-c45012adb1bb)\r\n","number":23,"state":"OPEN","title":"not correct css ?","url":"https://github.com/nash1111/nash1111-tech-blog/issues/23"},{"body":"","number":21,"state":"CLOSED","title":"add issue template","url":"https://github.com/nash1111/nash1111-tech-blog/issues/21"},{"body":"","number":19,"state":"OPEN","title":"add copy&paste button on code block","url":"https://github.com/nash1111/nash1111-tech-blog/issues/19"}]
+[{"body":"","number":71,"state":"OPEN","title":"mdx type is not loaded","url":"https://github.com/nash1111/nash1111-tech-blog/issues/71"},{"body":"","number":69,"state":"OPEN","title":"add tweet button blog post","url":"https://github.com/nash1111/nash1111-tech-blog/issues/69"},{"body":"","number":67,"state":"OPEN","title":"tweet button(with blog title)","url":"https://github.com/nash1111/nash1111-tech-blog/issues/67"},{"body":"","number":64,"state":"CLOSED","title":"add tweet button","url":"https://github.com/nash1111/nash1111-tech-blog/issues/64"},{"body":"","number":63,"state":"OPEN","title":"add blog post card\n","url":"https://github.com/nash1111/nash1111-tech-blog/issues/63"},{"body":"","number":62,"state":"CLOSED","title":"add post, what i care","url":"https://github.com/nash1111/nash1111-tech-blog/issues/62"},{"body":"","number":61,"state":"OPEN","title":"add diary","url":"https://github.com/nash1111/nash1111-tech-blog/issues/61"},{"body":"","number":59,"state":"OPEN","title":"add gif","url":"https://github.com/nash1111/nash1111-tech-blog/issues/59"},{"body":"https://playwright.dev/docs/test-components#example","number":58,"state":"OPEN","title":"add component test","url":"https://github.com/nash1111/nash1111-tech-blog/issues/58"},{"body":"eg: design, blogpost, bug, game, etc","number":54,"state":"OPEN","title":"use label for filter on task page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/54"},{"body":"","number":53,"state":"CLOSED","title":"add blog post: how task page created","url":"https://github.com/nash1111/nash1111-tech-blog/issues/53"},{"body":"","number":52,"state":"CLOSED","title":"add playwright","url":"https://github.com/nash1111/nash1111-tech-blog/issues/52"},{"body":"ref: https://github.com/nash1111/nash1111-tech-blog/actions/runs/9236761059/job/25412956776","number":49,"state":"OPEN","title":"fix actions","url":"https://github.com/nash1111/nash1111-tech-blog/issues/49"},{"body":"","number":47,"state":"CLOSED","title":"fix: commit forgotten of lastUpdated.ts","url":"https://github.com/nash1111/nash1111-tech-blog/issues/47"},{"body":"","number":46,"state":"CLOSED","title":"stabilize ratio of task table","url":"https://github.com/nash1111/nash1111-tech-blog/issues/46"},{"body":"add label","number":45,"state":"OPEN","title":"update issue json","url":"https://github.com/nash1111/nash1111-tech-blog/issues/45"},{"body":"","number":43,"state":"CLOSED","title":"add post 1","url":"https://github.com/nash1111/nash1111-tech-blog/issues/43"},{"body":"","number":39,"state":"OPEN","title":"add 404 page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/39"},{"body":"","number":38,"state":"CLOSED","title":"show when issue.json created","url":"https://github.com/nash1111/nash1111-tech-blog/issues/38"},{"body":"","number":36,"state":"CLOSED","title":"frontmatter error","url":"https://github.com/nash1111/nash1111-tech-blog/issues/36"},{"body":"","number":34,"state":"CLOSED","title":"fix header","url":"https://github.com/nash1111/nash1111-tech-blog/issues/34"},{"body":"Ensure that the ratio of the data table in shadcn/ui remains constant even when sorted.","number":33,"state":"CLOSED","title":"fix task table","url":"https://github.com/nash1111/nash1111-tech-blog/issues/33"},{"body":"https://doc.babylonjs.com/legacy/physics/joints\r\n\r\nhttps://doc.babylonjs.com/features/featuresDeepDive/materials/using/reflectionTexture#mirrortexture","number":32,"state":"OPEN","title":"add three sided mirror with Babylonjs","url":"https://github.com/nash1111/nash1111-tech-blog/issues/32"},{"body":"","number":31,"state":"CLOSED","title":"/task page not found on cloudflare, but seen on local","url":"https://github.com/nash1111/nash1111-tech-blog/issues/31"},{"body":"this ci should run on every pr","number":30,"state":"OPEN","title":"add knip ci","url":"https://github.com/nash1111/nash1111-tech-blog/issues/30"},{"body":"generate issues.json with github actions and commit","number":29,"state":"CLOSED","title":"add cron with GHActions","url":"https://github.com/nash1111/nash1111-tech-blog/issues/29"},{"body":"","number":26,"state":"CLOSED","title":"add style to blog post","url":"https://github.com/nash1111/nash1111-tech-blog/issues/26"},{"body":"","number":25,"state":"CLOSED","title":"add blog posts list page","url":"https://github.com/nash1111/nash1111-tech-blog/issues/25"},{"body":"![image](https://github.com/nash1111/nash1111-tech-blog/assets/35922853/cbbf7f7e-5afd-4fa8-b21a-c45012adb1bb)\r\n","number":23,"state":"OPEN","title":"not correct css ?","url":"https://github.com/nash1111/nash1111-tech-blog/issues/23"},{"body":"","number":21,"state":"CLOSED","title":"add issue template","url":"https://github.com/nash1111/nash1111-tech-blog/issues/21"}]

public/lastUpdated.ts

@@ -1 +1 @@
-export const lastUpdated = "2024-06-22T00:22:06";
+export const lastUpdated = "2024-06-22T03:58:18";

server.pid

@@ -1 +1 @@
-1819
+1818

tsconfig.json

@@ -2,17 +2,22 @@
   "include": [
     "**/*.ts",
     "**/*.tsx",
+    "**/*.d.ts",
     "**/.server/**/*.ts",
     "**/.server/**/*.tsx",
     "**/.client/**/*.ts",
     "**/.client/**/*.tsx"
   ],
   "compilerOptions": {
-    "lib": ["DOM", "DOM.Iterable", "ES2022"],
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
     "types": [
-        "@remix-run/cloudflare",
-        "vite/client",
-        "@cloudflare/workers-types/2023-07-01"
+      "@remix-run/cloudflare",
+      "vite/client",
+      "@cloudflare/workers-types/2023-07-01"
     ],
     "isolatedModules": true,
     "esModuleInterop": true,
@@ -27,10 +32,11 @@
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"]
+      "~/*": [
+        "./app/*"
+      ]
     },
-
     // Vite takes care of building everything, not tsc.
     "noEmit": true
   }
-}
+}