init

Author: batchor

.github/workflows/build.yml

@@ -0,0 +1,35 @@
+name: Build
+
+on:
+    push:
+    pull_request:
+        branches: [main]
+
+jobs:
+    build:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+
+            - name: Setup Node.js
+              uses: actions/setup-node@v4
+              with:
+                  node-version: "22"
+                  cache: "npm"
+
+            - name: Install dependencies
+              run: npm ci
+
+            - name: Check
+              run: npm run lint && npm run prettier
+
+            - name: Build
+              run: npm run build
+
+            - name: Cache build output
+              uses: actions/cache@v4
+              with:
+                  path: .output
+                  key: ${{ runner.os }}-nuxt-build

.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

.gitlab-ci.yml

@@ -0,0 +1,18 @@
+variables:
+    GIT_SUBMODULE_STRATEGY: recursive
+    GIT_SUBMODULE_DEPTH: 1
+
+build:
+    tags:
+        - "runner"
+        - "x86"
+    stage: build
+    rules:
+        - if: '$CI_COMMIT_BRANCH == "main"'
+        - if: $CI_PIPELINE_SOURCE == "merge_request_event"
+    before_script:
+        - npm ci
+        - npm run lint
+        - npm run prettier
+    script:
+        - npm run build

.husky/pre-commit

@@ -0,0 +1,3 @@
+#!/usr/bin/env sh
+npx lint-staged
+npm run build

.npmrc

@@ -0,0 +1 @@
+package-lock=true

.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+    "eslint.useFlatConfig": true,
+    "files.associations": {
+        "*.css": "tailwindcss"
+    },
+    "editor.quickSuggestions": {
+        "strings": "on"
+    },
+    "tailwindCSS.classAttributes": ["class", "ui"],
+    "tailwindCSS.experimental.classRegex": [["ui:\\s*{([^)]*)\\s*}", "(?:'|\"|`)([^']*)(?:'|\"|`)"]]
+}

README.md

@@ -0,0 +1,5 @@
+# Nuxt Frontend
+
+[directory structure](https://nuxt.com/docs/guide/directory-structure/app)
+
+[You should know this before choosing Next.js](https://news.ycombinator.com/item?id=43481295)

app/app.config.ts

@@ -0,0 +1,8 @@
+export default defineAppConfig({
+    ui: {
+        colors: {
+            primary: "blue",
+            neutral: "zinc",
+        },
+    },
+})

app/app.vue

@@ -0,0 +1,11 @@
+<script setup>
+// import ColorModeButton from "./components/ColorModeButton.vue"
+</script>
+
+<template>
+    <UApp>
+        <NuxtLayout>
+            <NuxtPage />
+        </NuxtLayout>
+    </UApp>
+</template>

app/assets/css/main.css

@@ -0,0 +1,8 @@
+@import "tailwindcss";
+@import "@nuxt/ui-pro";
+
+@plugin "@tailwindcss/typography";
+
+:root {
+    --ui-header-height: --spacing(12);
+}