A custom notification should appear when the environment of the user is capable of running the app as PWA.
This popup should only appear once and if dismissed the option to install should be placed inside the app information.

Der Renovatebot soll nur noch einmal pro Woche prüfen, da zu viele Merge Requests ankommen.
ggf. gibt es hier bereits ein vorgefertigtes Template.
Andernfalls kann über eine eigene Konfigurationsoption ein "Schedule" konfiguriert werden.

Siehe https://docs.renovatebot.com/presets-schedule/

Es ist darauf zu achten, dass die Presets nicht kollidieren.

PrimeVue provides a ToastService which can be used throughout the application.
This feature should be setup and used for implementing features like downloading the pdf version, changing locale or dark mode

A menu dropdown should be implemented in the menubar, that allows for selection of a language. A appropriate icon should be added.

The dropdown should use ISO codes internally, to use the browser API and convert it to the name of the language.

After selection of the language, this should be stored inside a data structure of the app.

Renovatebot should be used (as Dependabot does not work with bun).

For inspiration, configuration can be taken from https://github.com/devtobi/clean-commits-example/blob/main/renovate.json

A functionality to reset the user preferences stored in localStorage should be implemented.
A custom component using a Button can be used here.
The button should prompt the user with a confirm dialog.
After the reset a toast message should be displayed informing that the reset took place.

Aktuell gibt es ein paar Probleme mit dem Caching durch den Service-Worker:

1. Rufe ich beispielsweise /de auf, so wird weiterhin die Vue-Applikation angezeigt, obwohl eigentlich nur der Content angezeigt werden sollte
2. Die Contents sollen gecached werden
3. Verwendete Icons sollen korrekt gecached werden

When scrolling down on the page, a component to scroll back to the top should appear as floating action button at the bottom right of the screen.
The appear / disappear should be animated if possible.
PrimeVue provides a predefined component for this purpose that can be further optimized.

Add PWA support

PrimeVue components offer documentation on how to properly do a11y with them.
Additionally tooling like vue-a11y can be introduced to check.

• Setup Tooling: https://vue-a11y.github.io/eslint-plugin-vuejs-accessibility/ and vue-a11y/vue-axe-next#6
• Check different states of app with tools like Lighthouse
• Improve HTML templating where necessary

The GitHub standard label dependencies instead of dependency should be used for renovate PRs.

Current build process should be simplified by:

• Always built with .pdf files included in dist (fewer custom npm scripts needed)
• Create post build job that copies dist folder to root of mono repo using (cpx)
• Update CI/CD to respect new changes

A dark mode toggle component should be implemented that switches the appearance of the application.

Optionally the app syncs with the mode the OS / Browser uses.

localStorage should be used to store the users desired preferences for the app (like language, dark mode).

of not selected yet a default value should be used (english, light mode)

VueUse provides useful helpers for working with localStorage.

The component framework PrimeVue and its icon library should be setup.
At the same time, the default code for the dummy Vue project should be deleted.

When using the download functionality via the GUI the file should be named dynamically depending on the authorName and the language that was selected, e.g. instead of cv.pdf it should be cv-TobiasStadler-en.pdf

Add the lint-script (which lints both workspace packages) to the pipeline (on every push).
This should happen after the validate step.

The reason is normal users only change the data directory frequently and thus this is the step that could break in practice.

I want to add support to build for multiple languages with multiple .json files.
Since resumed only allows building with single files, the tool has to be called multiple times and .html files must be generated in separate directories.

Build can be parallelized by using the tool concurrently

There are some strange UI bugs with the menubar:

• The link button have a padding when hovering
• The avatar and elements are not vertically centered in the menubar
• The mobile view of the menubar is broken

Add a simple dummy Vue SPA and integrate it into the build process.

The app should display the dependencies used in production (optional also in development)
A list might be suitable.
Displaying it via a popup when hitting a info button might be appropriate

A component should be implemented, which displays the CV content dynamically depending on the current selected language.
A easy win could be to use iframes, however Web Components might be a more robust and modern solution.

When a user first visits the application, a small onboarding experience should appear.

Vue libraries like:

• https://v-onboarding.fatihsolhan.com
• https://github.com/shepherd-pro/vue-shepherd
• https://pulsardev.github.io/vue-tour/

I want to switch to "bun" as a new package manager instead of "pnpm".

Things that need to be done:

• Change lockfile
• Switch monorepo workspace to bun
• Update CI/CD
• Remove Dependabot

For some reason dependencies are also listed inside the package.json files of the workspaces, this should be fixed.
On top of that, the theme was accidentially committed and should be removed from dependencies.

A button component that downloads the PDF version of the CV (respecting the current selected language) should be implemented.
A appropriate icon should be added.

Make the UI beautiful on all kinds of devices.

Currently the pipeline installs the selected theme as a range.
This should be changed to always install the latest specific patch version.

See https://stackoverflow.com/questions/38241480/detect-macos-ios-windows-android-and-linux-os-with-js

A improved version with custom types should be implemented as helper function or as composable.

Description

Due to lots of changes in the dependencies, I only want to manage dependency updates once a month and thus the schedule needs to be changed from weekly to monthly.

To move to ESLint flat config the following dependencies need to support this feature:

• eslint:recommended -> @eslint/js
• plugin:vue/vue3-essential -> eslint-plugin-vue
• @vue/eslint-config-typescript -> WAITING FOR SUPPORT (see vuejs/eslint-config-typescript#72)
• @vue/eslint-config-prettier/skip-formatting -> WAITING FOR SUPPORT (see vuejs/eslint-config-prettier#19)
• plugin:@intlify/vue-i18n/recommended -> @intlify/eslint-plugin-vue-i18n

With the new flat config syntax rushstack/eslint-patch can be removed. ;)

Beim Ändern der Sprache auf dem Mobilgerät gibt es Probleme mit der Breite.
Problem ist, dass der Inhalt der WebComponent breiter als der App-Container ist, der Overflow aber weiterhin angezeigt wird.
Der App-Container sollte so modifiziert werden, dass dessen minimale Breite der Breite von der WebComponent entspricht.

Since I want to add another package as a wrapper application (see #4) the repo must be refactored as a mono repo using ppm workspaces feature.

Add a simple navigation bar component

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Pending Approval

These branches will be created by Renovate only once you click their checkbox below.

• chore(deps): update dependency puppeteer to v23
• fix(deps): update dependency @vueuse/core to v11
• fix(deps): update dependency primevue to v4
• 🔐 Create all pending approval PRs at once 🔐

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

• chore(deps): update dependency unplugin-vue-components to v0.27.4
• fix(deps): update dependency @vueuse/core to v10.11.1
• fix(deps): update dependency pinia to v2.2.2
• fix(deps): update dependency vue to v3.4.38
• chore(deps): update dependency @types/node to v20.15.0
• chore(deps): update dependency vite to v5.4.1
• chore(deps): update eslint monorepo to v9.9.0 (@eslint/js, eslint)
• fix(deps): update dependency vue-i18n to v9.14.0

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

The vue-i18n package should be included and all relevant parts for the app should be converted to using i18n strings.
A dedicated directory for managing locales should be created.

The i18n language should switch depending on which selected language (via the dropdown) is stored internally.

By using flatCompat the current eslintrc config can be fully migrated to the new flat config style.

• Migrationsguide: https://primevue.org/guides/migration/v4/

• Migrationstool für Support nutzen

• PrimeFlex deprecated -> Wechsel zu Tailwind notwendig (siehe https://primevue.org/guides/primeflex/)

At the moment, the build tools allow building of multiple static folders for different languages.
An entrypoint is needed (without selecting any language) that extends the current view by a "Select a language" functionality.

My suggestions would be to write a simple Vue application that dynamically renders the different language CVs inside a full-screen iframe.

The language functionality could be implemented inside a appear-like component using a dropdown for language selection.