feat(Home): improve background.jpg import

.drone.yml

@@ -1,101 +0,0 @@
----
-kind: secret
-name: docker_username
-get:
-  path: odit-registry-builder
-  name: username
-
----
-kind: secret
-name: docker_password
-get:
-  path: odit-registry-builder
-  name: password
-
----
-kind: secret
-name: npm_url
-get:
-  path: odit-npm-cache
-  name: url
-
----
-kind: pipeline
-type: kubernetes
-name: build:dev
-
-steps:
-  - name: docker dev
-    image: registry.odit.services/library/drone-kaniko
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: lfk/selfservice
-      tags:
-        - dev
-      cache: true
-      registry: registry.odit.services
-trigger:
-  branch:
-    - dev
-  event:
-    - push
-
----
-kind: pipeline
-type: kubernetes
-name: build:latest
-
-steps:
-  - name: docker latest
-    image: registry.odit.services/library/drone-kaniko
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: lfk/selfservice
-      tags:
-        - latest
-      cache: true
-      registry: registry.odit.services
-trigger:
-  branch:
-    - main
-  event:
-    - push
-
----
-kind: pipeline
-type: kubernetes
-name: build:tags
-steps:
-  - name: docker release
-    image: registry.odit.services/library/drone-kaniko
-    depends_on: [clone]
-    settings:
-      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-      build_args:
-        - NPM_REGISTRY_URL:
-          from_secret: npm_url
-      repo: lfk/selfservice
-      tags:
-        - "${DRONE_TAG}"
-      cache: true
-      registry: registry.odit.services
-trigger:
-  event:
-  - tag

.woodpecker/build.yml

@@ -0,0 +1,33 @@
+steps:
+  - name: build latest
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo: registry.odit.services/lfk/selfservice
+      tags:
+        - latest
+      registry: registry.odit.services
+      platforms: linux/amd64,linux/arm64
+      cache_from: registry.odit.services/lfk/selfservice:dev
+      username:
+        from_secret: odit-registry-builder-username
+      password:
+        from_secret: odit-registry-builder-password
+    when:
+      branch: main
+  - name: build dev
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo: registry.odit.services/lfk/selfservice
+      tags:
+        - dev
+      registry: registry.odit.services
+      platforms: linux/amd64,linux/arm64
+      cache_from: registry.odit.services/lfk/selfservice:dev
+      username:
+        from_secret: odit-registry-builder-username
+      password:
+        from_secret: odit-registry-builder-password
+    when:
+      branch: dev
+when:
+  event: push

.woodpecker/release.yml

@@ -0,0 +1,17 @@
+steps:
+  - name: build tag
+    image: woodpeckerci/plugin-docker-buildx
+    settings:
+      repo: registry.odit.services/lfk/selfservice
+      tags:
+        - "${CI_COMMIT_TAG}"
+      registry: registry.odit.services
+      platforms: linux/amd64,linux/arm64
+      cache_from: registry.odit.services/lfk/selfservice:dev
+      username:
+        from_secret: odit-registry-builder-username
+      password:
+        from_secret: odit-registry-builder-password
+when:
+  event:
+    - tag

Dockerfile

@@ -1,12 +1,12 @@
-FROM registry.odit.services/hub/library/node:19.5.0-alpine3.17 as build
+FROM registry.odit.services/hub/library/node:19.5.0-alpine3.17 AS build
 ARG NPM_REGISTRY_URL=https://registry.npmjs.org
 WORKDIR /app
 
 COPY . .
-RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@8
+RUN npm config set registry $NPM_REGISTRY_URL && npm i -g pnpm@9
 RUN pnpm i && pnpm build && pnpm postbuild
 
 # final image
-FROM registry.odit.services/library/nginx-brotli:3.15 as final
+FROM registry.odit.services/library/nginx-brotli:3.15 AS final
 COPY --from=build /app/dist /usr/share/nginx/html
 COPY ./nginx.conf /etc/nginx/nginx.conf

env_fix.js

@@ -1,6 +1,6 @@
-const fs = require('fs');
-if (fs.existsSync('./dist/index.html')) {
-	const content = fs.readFileSync('./dist/index.html', { encoding: 'utf8' });
+import { existsSync, writeFileSync, readFileSync } from "node:fs";
+if (existsSync("./dist/index.html")) {
+	const content = readFileSync("./dist/index.html", { encoding: "utf8" });
 	const newcontent = content.replace(`"/env.js"`, `"./env.js"`);
-	fs.writeFileSync('./dist/index.html', newcontent);
+	writeFileSync("./dist/index.html", newcontent);
 }

package.json

@@ -1,38 +1,32 @@
 {
 	"name": "@odit/lfk-selfservice",
 	"version": "0.11.3",
+	"type": "module",
 	"scripts": {
 		"dev": "vite",
 		"build": "vite build",
 		"release": "release-it",
 		"postbuild": "node env_fix.js"
 	},
-	"engines": {
-		"pnpm": "8.1.1"
-	},
 	"dependencies": {
 		"bwip-js": "3.2.2",
 		"marked": "2.0.3",
-		"redaxios": "0.4.1",
-		"toastify-js": "1.10.0",
-		"validator": "13.5.2",
+		"redaxios": "0.5.1",
+		"toastify-js": "1.12.0",
+		"validator": "13.12.0",
+		"vue": "3.5.13",
 		"vue-i18n": "9.1.4",
-		"vue-toastification": "2.0.0-rc.1",
-		"vue": "3.0.9",
-		"vue-router": "4.0.5"
+		"vue-router": "4.5.0",
+		"vue-toastification": "2.0.0-rc.1"
 	},
 	"devDependencies": {
-		"@tailwindcss/jit": "0.1.18",
-		"@tailwindcss/aspect-ratio": "0.2.0",
-		"@tailwindcss/forms": "0.3.2",
-		"@tailwindcss/line-clamp": "0.2.0",
-		"@tailwindcss/typography": "0.4.0",
-		"@vitejs/plugin-vue": "1.2.1",
-		"@vue/compiler-sfc": "3.0.11",
-		"autoprefixer": "10.2.5",
-		"tailwindcss": "2.1.1",
-		"release-it": "14.6.1",
-		"vite": "2.1.5"
+		"@tailwindcss/vite": "4.0.0-beta.4",
+		"@vitejs/plugin-vue": "5.2.1",
+		"autoprefixer": "10.4.20",
+		"release-it": "17.10.0",
+		"tailwindcss": "4.0.0-beta.4",
+		"vite": "6.0.2",
+		"vite-plugin-vue-devtools": "^7.6.7"
 	},
 	"release-it": {
 		"git": {

postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    '@tailwindcss/jit': {},
-    autoprefixer: {},
-  },
-}

src/components/Footer.vue

@@ -2,7 +2,7 @@
   <footer>
     <div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
       <p class="text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:py-2 sm:mt-0 mt-4">
-        Lauf für Kaya! Selfservice - Copyright © 2023 + proudly powered by
+        Lauf für Kaya! Selfservice - Copyright © 2024 + proudly powered by
         <a
           class="underline"
           target="_blank"

src/components/HelloWorld.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script setup>
-import { defineProps, reactive } from 'vue'
+import { reactive } from 'vue'
 
 defineProps({
   msg: String

src/locales/de.json

@@ -39,7 +39,7 @@
     "profile": "Profil",
     "provide_address": "Adresse angeben?",
     "register": {
-        "register_now": "Jetzt für den Lauf für Kaya! 2023 registrieren."
+        "register_now": "Jetzt für den Lauf für Kaya! 2025 registrieren."
     },
     "register_now": "Jetzt registrieren!",
     "register_now_small": "Jetzt registrieren",

src/locales/en.json

@@ -39,7 +39,7 @@
     "profile": "Profile",
     "provide_address": "Provide a postal address?",
     "register": {
-        "register_now": "Register now for Lauf für Kaya! 2023."
+        "register_now": "Register now for Lauf für Kaya! 2025."
     },
     "register_now": "Register now!",
     "register_now_small": "Register now",

src/tailwind.css

@@ -1,3 +1 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import "tailwindcss";

src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="bg-cover bg-fixed m-0 h-screen" style="background-image: url('./background.jpg');">
+  <div class="bg-cover bg-fixed m-0 h-screen" v-bind:style='{ backgroundImage: "url(" + background_base64 + ")", }'>
     <section class="container px-4 py-24 mx-auto">
       <div class="w-full mx-auto text-center">
         <img src="/favicon.png" class="h-32 mx-auto" />
@@ -25,6 +25,7 @@
 </template>
 
 <script setup>
+import background_base64 from "../assets/background.jpg?inline";
 import Footer from "@/components/Footer.vue";
 console.log(config);
 </script>

src/views/ProfileNone.vue

@@ -72,11 +72,9 @@
 </template>
   
   <script setup>
-import { computed, ref, reactive, defineProps } from "vue";
+import { computed, ref, reactive } from "vue";
 import axios from "redaxios";
 import isEmail from 'validator/es/lib/isEmail';
-import isMobilePhone from 'validator/es/lib/isMobilePhone';
-import isPostalCode from 'validator/es/lib/isPostalCode';
 import { TYPE, useToast } from "vue-toastification";
 import Footer from "@/components/Footer.vue";
 

src/views/Register.vue

@@ -457,7 +457,7 @@
 </template>
 
 <script setup>
-import { computed, ref, reactive, defineProps } from "vue";
+import { computed, ref, reactive } from "vue";
 import axios from "redaxios";
 import isEmail from "validator/es/lib/isEmail";
 import isMobilePhone from "validator/es/lib/isMobilePhone";

tailwind.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-	purge: [ './index.html', './src/**/*.{vue,js,ts,jsx,tsx}' ],
-	darkMode: 'media', // or 'media' or 'class'
-	theme: {
-		extend: {}
-	},
-	variants: {
-		extend: {}
-	},
-	plugins: []
-};

vite.config.js

@@ -1,13 +1,15 @@
-import { defineConfig } from 'vite';
-import vue from '@vitejs/plugin-vue';
-import path from 'path';
+import { fileURLToPath, URL } from "node:url";
+
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import tailwindcss from "@tailwindcss/vite";
+import vueDevTools from "vite-plugin-vue-devtools";
 
 export default defineConfig({
-	plugins: [ vue() ],
-	base: './',
+	plugins: [vue(), vueDevTools(), tailwindcss()],
 	resolve: {
 		alias: {
-			'@': path.resolve(__dirname, '/src')
-		}
-	}
+			"@": fileURLToPath(new URL("./src", import.meta.url)),
+		},
+	},
 });