feat: initial migration to nuxt 3 (#662)

.eslintrc.js

@@ -20,5 +20,7 @@ module.exports = {
       },
     },
   ],
-  rules: {},
+  rules: {
+    'vue/require-default-prop': 'off',
+  },
 }

.github/workflows/sync.yml

@@ -14,15 +14,14 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-
-      - uses: actions/cache@v2
-        id: cache
+      - run: corepack enable
+      - uses: actions/setup-node@v3
         with:
-          path: "node_modules"
-          key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          node-version: "16"
+          cache: "pnpm"
 
       - name: Install dependencies
-        run: yarn
+        run: pnpm install --frozen-lockfile
 
       - name: Update blogs on dev.to
         run: node scripts/publish.mjs

.github/workflows/test.yml

@@ -14,18 +14,17 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
-
-      - uses: actions/cache@v2
-        id: cache
+      - run: corepack enable
+      - uses: actions/setup-node@v3
         with:
-          path: "node_modules"
-          key: ${{ runner.os }}-${{ hashFiles('yarn.lock') }}
+          node-version: "16"
+          cache: "pnpm"
 
       - name: Install dependencies
-        run: yarn
+        run: pnpm install --frozen-lockfile
 
       - name: Lint project
-        run: yarn lint
+        run: pnpm lint
 
       - name: Unit tests
-        run: yarn test
+        run: pnpm test

.gitignore

@@ -67,6 +67,7 @@ typings/
 
 # nuxt.js build output
 .nuxt
+.output
 
 # Nuxt generate
 dist
@@ -90,12 +91,3 @@ sw.*
 *.swp
 
 .vercel
-
-# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions

.husky/commit-msg

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn commitlint --edit $1
+pnpm exec commitlint --edit $1

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn lint-staged
+pnpm exec lint-staged

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

.vercelignore

@@ -0,0 +1,4 @@
+node_modules
+.output
+.nuxt
+dist

TODO.md

@@ -0,0 +1,2 @@
+- [ ] legacy app plugin in nuxt
+- [ ] useHead issue on index page

api/.gitignore

@@ -1,8 +0,0 @@
-# https://yarnpkg.com/getting-started/qa#which-files-should-be-gitignored
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/sdks
-!.yarn/versions

api/build.mjs → api/_build.mjs

@@ -8,7 +8,7 @@ import {
 
 const metadata = {}
 
-iterateOnDirectory('../src/content/articles', (path, contents) => {
+iterateOnDirectory('../src/content/blog', (path, contents) => {
   const slug = getMatchOrReturn(path, /\/[^/]*$/, 0).slice(1, -3)
   const { data } = grayMatter(contents)
   const date = new Date(data.date)

api/file.ts → api/_file.ts

@@ -8,9 +8,7 @@ const promiseWriteFile = promisify(writeFile)
 
 export async function writeTempFile(fileName: string, html: string) {
   const hashedFileName =
-    createHash('md5')
-      .update(fileName)
-      .digest('hex') + '.html'
+    createHash('md5').update(fileName).digest('hex') + '.html'
 
   const filePath = join(tmpdir(), hashedFileName)
 

api/template.ts → api/_template.ts

@@ -1,4 +1,4 @@
-import { ParsedReqs } from './parser'
+import { ParsedReqs } from './_parser'
 
 function getCss() {
   return `

api/card.ts

@@ -1,14 +1,14 @@
 import { IncomingMessage, ServerResponse } from 'http'
-import { parseReqs, ParsedReqs } from './parser'
-import { getHtml } from './template'
-import { writeTempFile } from './file'
-import { getScreenshot } from './chromium'
+import { parseReqs, ParsedReqs } from './_parser'
+import { getHtml } from './_template'
+import { writeTempFile } from './_file'
+import { getScreenshot } from './_chromium'
 
 const isDev = process.env.NOW_REGION === 'dev1'
 
 export default async function handler(
   req: IncomingMessage,
-  res: ServerResponse,
+  res: ServerResponse
 ) {
   try {
     let parsedReqs: ParsedReqs
@@ -17,7 +17,7 @@ export default async function handler(
     } catch (e) {
       res.setHeader(
         'Cache-Control',
-        'public,immutable,no-transform,s-max-age=21600,max-age=21600',
+        'public,immutable,no-transform,s-max-age=21600,max-age=21600'
       )
       res.statusCode = 404
       return res.end()
@@ -39,7 +39,7 @@ export default async function handler(
       res.setHeader('Content-Type', 'image/jpeg')
       res.setHeader(
         'Cache-Control',
-        'public,immutable,no-transform,s-max-age=21600,max-age=21600',
+        'public,immutable,no-transform,s-max-age=21600,max-age=21600'
       )
       res.end(file)
     } else {

api/package.json

@@ -4,7 +4,7 @@
   "main": "index.js",
   "license": "MIT",
   "scripts": {
-    "now-build": "node build.mjs"
+    "now-build": "node _build.mjs"
   },
   "dependencies": {
     "chrome-aws-lambda": "10.1.0",

api/tsconfig.json

@@ -3,9 +3,18 @@
   "compilerOptions": {
     "resolveJsonModule": true,
     "baseUrl": ".",
-    "lib": ["esnext", "dom"],
-    "types": ["node"]
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "types": [
+      "node"
+    ]
   },
-  "include": ["api/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "api/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }