chore: velog v3 대응 (#36)

fix

fix

fix

fix

fix:

Author: eungyeole

.github/CODEOWNERS

@@ -0,0 +1 @@
+* @eungyeole

.gitignore

@@ -1,2 +1,2 @@
+.vercel
 node_modules
-.vercel

README.md

@@ -1,62 +1,64 @@
 # velog-readme-stats란?
+
 > markdown에서 나의 velog의 정보를 가져올수 있는 도구입니다.
 
 # Velog 뱃지
+
 > ?name= 의 값을 변경하세요
+
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/badge?name=eungyeole)](https://velog.io/@eungyeole) 
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/badge?name=eungyeole)](https://velog.io/@eungyeole)
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/badge?name=eungyeole)](https://velog.io/@eungyeole) 
 
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/badge?name=eungyeole)](https://velog.io/@eungyeole)
 
 # 최신 글 가져오기
+
 > ?name= 의 값을 변경하세요
+
 ```
 [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole)](https://github.com/eungyeole/velog-readme-stats)
 ```
 
 [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole)](https://github.com/eungyeole/velog-readme-stats)
 
 ## 특정태그를 가진 최신글 가져오기
-> Option : ```&tag```
+
+> Option : `&tag`
+
 ```
 [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&tag=github)](https://github.com/eungyeole/velog-readme-stats)
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&tag=github)](https://github.com/eungyeole/velog-readme-stats)
 
-## 카드색 바꾸기
-> Option : ```&color```
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&tag=github)](https://github.com/eungyeole/velog-readme-stats)
 
-Color Option 
-* dark
-```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&color=dark)](https://github.com/eungyeole/velog-readme-stats)
-```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&color=dark)](https://github.com/eungyeole/velog-readme-stats)
+## 특정 제목을 가진 글
 
-## 특정 제목을 가진 글 
-> Option : ```&slug```
+> Option : `&slug`
 
 ```
 [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&slug=Velog-포스트로-Github를-꾸며보자)](https://github.com/eungyeole/velog-readme-stats)
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&slug=Velog-포스트로-Github를-꾸며보자)](https://github.com/eungyeole/velog-readme-stats)
 
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&slug=Velog-포스트로-Github를-꾸며보자)](https://github.com/eungyeole/velog-readme-stats)
 
 ## 상태카드와 최신글 연결하기
-> Option : name, tag 
-카드클릭시 최신글로 리다이렉트 합니다.
+
+> Option : name, tag
+> 카드클릭시 최신글로 리다이렉트 합니다.
 
 ```
 https://velog-readme-stats.vercel.app/api/redirect?name=eungyeole&tag=github
 ```
 
 [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=eungyeole&tag=github)](https://velog-readme-stats.vercel.app/api/redirect?name=eungyeole&tag=github)
 
-
 # 최신 글 목록 가져오기 (Beta)
+
 > ?name= 의 값을 변경하세요
+
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/list?name=eungyeole)](https://velog.io/@eungyeole) 
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/list?name=eungyeole)](https://velog.io/@eungyeole)
 ```
-[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/list?name=eungyeole)](https://velog.io/@eungyeole) 
+
+[![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api/list?name=eungyeole)](https://velog.io/@eungyeole)

api/badge.js

@@ -0,0 +1,11 @@
+import app from "../src/app";
+
+import { VercelRequest, VercelResponse } from "@vercel/node";
+
+const serverless = async (req: VercelRequest, res: VercelResponse) => {
+  await app.ready();
+
+  return app.server.emit("request", req, res);
+};
+
+export default serverless;

api/index.js

@@ -4,20 +4,25 @@
   "description": "당신의 Velog 상태를 깃허브에서 확인하세요.",
   "main": "./api/index.js",
   "scripts": {
-    "start": "node ./api/index.js",
-    "dev:local": "node ./index.js",
+    "dev": "ts-node-dev --respawn --transpile-only ./src/index.ts",
     "dev:vercel": "vercel dev --debug",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "@fastify/view": "^9.1.0",
     "@napi-rs/canvas": "^0.1.44",
-    "axios": "^1.5.1",
+    "ejs": "^3.1.10",
+    "fastify": "^4.28.1",
     "graphql-request": "^6.1.0"
   },
-  "type": "module",
   "devDependencies": {
-    "express": "^4.19.2"
+    "@types/ejs": "^3.1.5",
+    "@types/node": "^20.14.9",
+    "@vercel/node": "^3.2.1",
+    "ts-node-dev": "^2.0.0",
+    "typescript": "^5.5.3",
+    "vercel": "^34.3.0"
   }
 }