base layout and nuxt config

.gitignore

@@ -1,11 +1,24 @@
-# ---> Vue
-# gitignore template for Vue.js projects
-#
-# Recommended template: Node.gitignore
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
 
-# TODO: where does this rule come from?
-docs/_book
+# Node dependencies
+node_modules
 
-# TODO: where does this rule come from?
-test/
+# Logs
+logs
+*.log
 
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "printWidth": 120
+}

README.md

@@ -1,3 +1,3 @@
 # ff-webpage
 
-Feuerwehr Webseite
+Feuerwehr Webseite

app.vue

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

assets/ConthraxSemiBold.css

@@ -0,0 +1,20 @@
+/**
+ * @license
+ * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
+ * 
+ * The fonts listed in this notice are subject to the End User License
+ * Agreement(s) entered into by the website owner. All other parties are 
+ * explicitly restricted from using the Licensed Webfonts(s).
+ * 
+ * You may obtain a valid license at the URLs below.
+ * 
+ * Webfont: undefined by undefined
+ * URL: https://www.myfonts.comundefined
+ * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
+ * 
+ * © 2024 MyFonts Inc. */
+
+@font-face {
+  font-family: "ConthraxSemiBold";
+  src: url("ConthraxSemiBold/font.woff2") format("woff2"), url("ConthraxSemiBold/font.woff") format("woff");
+}

assets/app.css

@@ -0,0 +1,32 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+* {
+  font-family: "ConthraxSemiBold";
+}
+
+html,
+body {
+  @apply bg-white text-black;
+}
+
+[primary] {
+  @apply bg-primary text-white;
+}
+
+.primary-link-active {
+  @apply underline;
+}
+
+.primary-sublink-active {
+  @apply bg-white text-primary;
+}
+
+[lightgray] {
+  @apply bg-lightgray;
+}
+
+[darkgray] {
+  @apply bg-darkgray text-white;
+}

components/Footer.vue

@@ -0,0 +1 @@
+<template>Footer</template>

components/Header.vue

@@ -0,0 +1 @@
+<template>Header</template>

layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+  <Header />
+  Image title
+  <slot />
+  <Footer />
+</template>

layouts/detail.vue

@@ -0,0 +1,5 @@
+<template>
+  <Header />
+  <slot />
+  <Footer />
+</template>

layouts/landing.vue

@@ -0,0 +1,6 @@
+<template>
+  Image
+  <Header />
+  <slot />
+  <Footer />
+</template>

nuxt.config.ts

@@ -0,0 +1,37 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  app: {
+    baseURL: "/",
+    head: {
+      title: process.env.APP_TITLE,
+      htmlAttrs: {
+        lang: "de",
+      },
+      meta: [
+        { charset: "utf-8" },
+        { name: "viewport", content: "width=device-width, initial-scale=1" },
+        { hid: "description", name: "description", content: "" },
+        { name: "format-detection", content: "telephone=no" },
+      ],
+      link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.svg" }],
+    },
+  },
+
+  css: ["~/assets/app.css", "~/assets/ConthraxSemiBold.css"],
+
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+
+  compatibilityDate: "2024-04-03",
+  devtools: { enabled: false },
+  modules: ["@nuxtjs/strapi"],
+
+  strapi: {
+    url: process.env.STRAPI_URL,
+    prefix: "/api",
+  },
+});

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "nuxt-app",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "@nuxtjs/strapi": "^1.12.0",
+    "nuxt": "^3.13.2",
+    "vue": "latest",
+    "vue-router": "latest"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.14"
+  }
+}

pages/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <NuxtLayout name="landing"> index </NuxtLayout>
+</template>

public/robots.txt

@@ -0,0 +1 @@
+

server/tsconfig.json

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

tailwind.config.js

@@ -0,0 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./components/**/*.{js,vue,ts}",
+    "./layouts/**/*.vue",
+    "./pages/**/*.vue",
+    "./plugins/**/*.{js,ts}",
+    "./app.vue",
+    "./error.vue",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        primary: "#B22222",
+        darkgray: "#2B292A",
+        lightgray: "#E3DFDF",
+      },
+    },
+  },
+  plugins: [],
+};

tsconfig.json

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