initialize nuxt project for rank.pompy.dev

.vscode/extensions.json

@@ -8,6 +8,7 @@
         "bradlc.vscode-tailwindcss",
         "unifiedjs.vscode-mdx",
         "svelte.svelte-vscode",
+        "Vue.volar",
         "redhat.vscode-xml",
         "github.vscode-github-actions",
         "editorconfig.editorconfig",

.vscode/settings.json

@@ -23,6 +23,7 @@
         "nojs",
         "noopener",
         "noto",
+        "nuxt",
         "pkgs",
         "pnpm",
         "pompy",
@@ -73,6 +74,9 @@
     "[typescriptreact]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
+    "[vue]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    },
 
     // Tailwind
     "css.lint.unknownAtRules": "ignore",

CONTRIBUTING.md

@@ -25,6 +25,16 @@ must build the dependencies first
 pnpm build
 ```
 
+## Developing
+
+- [`apps/www`](./apps/www) - http://localhost:5173
+- [`apps/blog`](./apps/blog) - http://localhost:3000
+- [`apps/rank`](./apps/rank) - http://localhost:3001
+
+```
+pnpm dev
+```
+
 ## Testing
 
 1. Run E2E Tests

apps/rank/.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

apps/rank/app.vue

@@ -0,0 +1,3 @@
+<template>
+    <NuxtPage />
+</template>

apps/rank/nuxt.config.ts

@@ -0,0 +1,17 @@
+const title = "pomp's biased & opinionated rankings DB"
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+    compatibilityDate: "2024-11-01",
+    devServer: { port: 3001 },
+    devtools: { enabled: true },
+    app: {
+        head: {
+            title, // default fallback title
+            titleTemplate: `%s | ${title}`,
+            htmlAttrs: {
+                lang: "en",
+            },
+        },
+    },
+})

apps/rank/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "@pompydev/rank",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "build": "nuxt build",
+        "dev": "nuxt dev",
+        "generate": "nuxt generate",
+        "preview": "nuxt preview",
+        "postinstall": "nuxt prepare"
+    },
+    "dependencies": {
+        "nuxt": "3.16.0",
+        "vue": "3.5.13",
+        "vue-router": "4.5.0"
+    }
+}

apps/rank/pages/content-creators.vue

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+useHead({
+    title: "Content creators",
+})
+</script>
+
+<template>
+    <h1>Content creators ranking</h1>
+    <NuxtLink href="/">Back</NuxtLink>
+</template>

apps/rank/pages/index.vue

@@ -0,0 +1,8 @@
+<template>
+    <h1>
+        pomp's<br />
+        biased & opinionated<br />
+        rankings DB
+    </h1>
+    <NuxtLink href="/content-creators">Content Creators</NuxtLink>
+</template>

apps/rank/public/robots.txt

@@ -0,0 +1 @@
+

apps/rank/server/tsconfig.json

@@ -0,0 +1,3 @@
+{
+    "extends": "../.nuxt/tsconfig.server.json"
+}

apps/rank/tsconfig.json

@@ -0,0 +1,4 @@
+{
+    // https://nuxt.com/docs/guide/concepts/typescript
+    "extends": "./.nuxt/tsconfig.json"
+}