feat: Nuxt UI Version 3 einsetzen

[c1chy-jott]

No description provided.

[Copilot]

Copilot reviewed 35 out of 36 changed files in this pull request and generated 1 comment.

Files not reviewed (1)

• assets/css/main.css: Language not supported

Comments suppressed due to low confidence (2)

app/router.options.ts:6

• [nitpick] Consider extracting the fixed offset value '60' into a named constant to improve readability and maintainability.

const top = 60

components/Button.vue:1

• Confirm that removal of the custom Button component is intentional and that all its usages have been replaced with the corresponding Nuxt UI component.

<template> ...

[Copilot]

Verify that using negative alpha values with 'color.scale' is supported in your Sass version, as this may lead to unexpected color outputs.

Suggested change

	color.scale($color, $alpha: -70%) 0%,
	color.scale($color, $alpha: -30%) 100%
	rgba($color, 0.3) 0%,
	rgba($color, 0.7) 100%

[Copilot]

Copilot reviewed 35 out of 36 changed files in this pull request and generated 1 comment.

Files not reviewed (1)

• assets/css/main.css: Language not supported

Comments suppressed due to low confidence (1)

components/Image.vue:84

• [nitpick] Review the new gradient values: please verify that replacing fade_out with color.scale using $alpha: 0.3 and $alpha: 0.7 produces the intended visual effect for the overlay.

color.scale($color, $alpha: 0.3) 0%,

[Copilot]

Copilot reviewed 35 out of 37 changed files in this pull request and generated 1 comment.

Files not reviewed (2)

• assets/css/main.css: Language not supported
• assets/css/tailwind.css: Language not supported

Comments suppressed due to low confidence (2)

content/blog/wie-koennen-blockchains-unternehmen-bereichern.md:15

• [nitpick] The heading level was changed from '##' to '#', which may affect the document structure and accessibility. Please confirm that this change is intentional and consistent with your content hierarchy.

# **Block…was?**

components/Image.vue:84

• The use of percentage values for the $alpha parameter in the color.scale function appears unusual; typically, alpha values are unitless (e.g., 0.3). Please verify that the intended transparency is achieved with these values.

color.scale($color, $alpha: 0.3%) 0%,

[Copilot]

[nitpick] Using a fixed 50ms delay for hash-based scrolling might lead to inconsistent behavior on slower devices or complex pages. Consider using a more robust or configurable delay to ensure proper scroll alignment.

Suggested change

	setTimeout(() => resolve(findHashPosition(to.hash)), 50)
	} else {
	nuxtApp.hooks.hookOnce('page:finish', () => {
	setTimeout(() => resolve(findHashPosition(to.hash)), 50)
	setTimeout(() => resolve(findHashPosition(to.hash)), calculateDynamicDelay())
	} else {
	nuxtApp.hooks.hookOnce('page:finish', () => {
	setTimeout(() => resolve(findHashPosition(to.hash)), calculateDynamicDelay())

[Copilot]

Copilot reviewed 35 out of 37 changed files in this pull request and generated no comments.

Files not reviewed (2)

• assets/css/main.css: Language not supported
• assets/css/tailwind.css: Language not supported

Comments suppressed due to low confidence (2)

components/Image.vue:84

• The updated use of 'color.scale' with an alpha value expressed in percentages may not produce the intended opacity gradient compared to the previous fade_out() calls. Please verify that using 0.3% and 0.7% yields the same visual result as before.

         color.scale($color, $alpha: 0.3%) 0%,

app.config.ts:18

• [nitpick] The syntax 'max-w-(--container-3xl)' looks unusual and may not be interpreted correctly by your CSS framework. Consider verifying or adjusting the syntax to meet the expected format (e.g. using square brackets) for dynamic custom property values.

container: { base: 'max-w-(--container-3xl) mx-auto px-4 sm:px-6 lg:px-8', },