slow transition to nuxt

.gitignore

@@ -7,3 +7,5 @@ nginx/conf.d/default.conf
 nextcloud/
 gitea/
 .env
+portfolio-nuxt/.nuxt/
+portfolio-nuxt/node_modules/

portfolio-nuxt/.gitignore

@@ -0,0 +1,11 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+dist
+.DS_Store
+.fleet
+.idea

portfolio-nuxt/.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

portfolio-nuxt/README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

portfolio-nuxt/app.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <NuxtLayout>
+      <NuxtPage/>
+    </NuxtLayout>
+  </div>
+</template>

portfolio-nuxt/layouts/default.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <h1 class="text-4xl">michael winter</h1>
+    <h2>
+      <ul class="inline-list">
+        <li>works</li>
+        <li>events</li>
+        <li>about</li>
+        <li>code</li>
+      </ul>
+    </h2>
+    <slot /> <!-- required here only -->
+  </div>
+</template>
+
+<style>
+.inline-list li {
+    display: inline;
+    padding-left: 5px;
+    padding-right: 20px;
+}
+</style>

portfolio-nuxt/nuxt.config.ts

@@ -0,0 +1,4 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: ['@nuxtjs/tailwindcss']
+})

portfolio-nuxt/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxtjs/tailwindcss": "^6.7.0",
+    "@types/node": "^18",
+    "nuxt": "^3.5.2"
+  }
+}

portfolio-nuxt/pages/index.vue

@@ -0,0 +1,17 @@
+<template>
+  <h1>Index page</h1>
+  <div class="grid grid-cols-3 gap-4">
+    <ul>
+      <li class="italic" v-for="item in works">{{ item.title }}</li>
+    </ul>
+
+    <ul>
+      <li v-for="item in pubs">{{ item.entryTags.title }}</li>
+    </ul>
+  </div>
+  </template>
+
+<script setup>
+  const { data: works } = await useFetch('https://unboundedpress.org/api/works?sort=-date&pagesize=200')
+  const { data: pubs } = await useFetch('https://unboundedpress.org/api/publications/_aggrs/publications?pagesize=200')
+</script>

portfolio-nuxt/server/tsconfig.json

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

portfolio-nuxt/tsconfig.json

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