funny changes
This commit is contained in:
26
app/app.vue
26
app/app.vue
@@ -1,28 +1,24 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
useHead({
|
useHead({
|
||||||
meta: [
|
meta: [{ name: "viewport", content: "width=device-width, initial-scale=1" }],
|
||||||
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
|
link: [{ rel: "icon", href: "/favicon.ico" }],
|
||||||
],
|
|
||||||
link: [
|
|
||||||
{ rel: 'icon', href: '/favicon.ico' }
|
|
||||||
],
|
|
||||||
htmlAttrs: {
|
htmlAttrs: {
|
||||||
lang: 'en'
|
lang: "en",
|
||||||
}
|
},
|
||||||
})
|
});
|
||||||
|
|
||||||
const title = 'Nuxt Starter Template'
|
const title = "Baupark Mühltal";
|
||||||
const description = 'A production-ready starter template powered by Nuxt UI. Build beautiful, accessible, and performant applications in minutes, not hours.'
|
const description = "Baupark Mühltal";
|
||||||
|
|
||||||
useSeoMeta({
|
useSeoMeta({
|
||||||
title,
|
title,
|
||||||
description,
|
description,
|
||||||
ogTitle: title,
|
ogTitle: title,
|
||||||
ogDescription: description,
|
ogDescription: description,
|
||||||
ogImage: 'https://ui.nuxt.com/assets/templates/nuxt/starter-light.png',
|
ogImage: "https://ui.nuxt.com/assets/templates/nuxt/starter-light.png",
|
||||||
twitterImage: 'https://ui.nuxt.com/assets/templates/nuxt/starter-light.png',
|
twitterImage: "https://ui.nuxt.com/assets/templates/nuxt/starter-light.png",
|
||||||
twitterCard: 'summary_large_image'
|
twitterCard: "summary_large_image",
|
||||||
})
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
|||||||
@@ -1,54 +1,61 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<UPageHero
|
<UPageHero
|
||||||
title="Nuxt Starter Template"
|
title="Baupark Mühltal"
|
||||||
description="A production-ready starter template powered by Nuxt UI. Build beautiful, accessible, and performant applications in minutes, not hours."
|
description="Schüttgüter/Recycling | Baumaschinenvermietung | Containerdienst"
|
||||||
:links="[{
|
:links="[
|
||||||
label: 'Get started',
|
{
|
||||||
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
label: 'Get started',
|
||||||
target: '_blank',
|
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
||||||
trailingIcon: 'i-lucide-arrow-right',
|
target: '_blank',
|
||||||
size: 'xl'
|
trailingIcon: 'i-lucide-arrow-right',
|
||||||
}, {
|
size: 'xl',
|
||||||
label: 'Use this template',
|
},
|
||||||
to: 'https://github.com/nuxt-ui-templates/starter',
|
]"
|
||||||
target: '_blank',
|
|
||||||
icon: 'i-simple-icons-github',
|
|
||||||
size: 'xl',
|
|
||||||
color: 'neutral',
|
|
||||||
variant: 'subtle'
|
|
||||||
}]"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<UPageSection
|
<UPageSection
|
||||||
id="features"
|
id="features"
|
||||||
title="Everything you need to build modern Nuxt apps"
|
title="Everything you need to build modern Nuxt apps"
|
||||||
description="Start with a solid foundation. This template includes all the essentials for building production-ready applications with Nuxt UI's powerful component system."
|
description="Start with a solid foundation. This template includes all the essentials for building production-ready applications with Nuxt UI's powerful component system."
|
||||||
:features="[{
|
:features="[
|
||||||
icon: 'i-lucide-rocket',
|
{
|
||||||
title: 'Production-ready from day one',
|
icon: 'i-lucide-rocket',
|
||||||
description: 'Pre-configured with TypeScript, ESLint, Tailwind CSS, and all the best practices. Focus on building features, not setting up tooling.'
|
title: 'Production-ready from day one',
|
||||||
}, {
|
description:
|
||||||
icon: 'i-lucide-palette',
|
'Pre-configured with TypeScript, ESLint, Tailwind CSS, and all the best practices. Focus on building features, not setting up tooling.',
|
||||||
title: 'Beautiful by default',
|
},
|
||||||
description: 'Leveraging Nuxt UI\'s design system with automatic dark mode, consistent spacing, and polished components that look great out of the box.'
|
{
|
||||||
}, {
|
icon: 'i-lucide-palette',
|
||||||
icon: 'i-lucide-zap',
|
title: 'Beautiful by default',
|
||||||
title: 'Lightning fast',
|
description:
|
||||||
description: 'Optimized for performance with SSR/SSG support, automatic code splitting, and edge-ready deployment. Your users will love the speed.'
|
'Leveraging Nuxt UI\'s design system with automatic dark mode, consistent spacing, and polished components that look great out of the box.',
|
||||||
}, {
|
},
|
||||||
icon: 'i-lucide-blocks',
|
{
|
||||||
title: '100+ components included',
|
icon: 'i-lucide-zap',
|
||||||
description: 'Access Nuxt UI\'s comprehensive component library. From forms to navigation, everything is accessible, responsive, and customizable.'
|
title: 'Lightning fast',
|
||||||
}, {
|
description:
|
||||||
icon: 'i-lucide-code-2',
|
'Optimized for performance with SSR/SSG support, automatic code splitting, and edge-ready deployment. Your users will love the speed.',
|
||||||
title: 'Developer experience first',
|
},
|
||||||
description: 'Auto-imports, hot module replacement, and TypeScript support. Write less boilerplate and ship more features.'
|
{
|
||||||
}, {
|
icon: 'i-lucide-blocks',
|
||||||
icon: 'i-lucide-shield-check',
|
title: '100+ components included',
|
||||||
title: 'Built for scale',
|
description:
|
||||||
description: 'Enterprise-ready architecture with proper error handling, SEO optimization, and security best practices built-in.'
|
'Access Nuxt UI\'s comprehensive component library. From forms to navigation, everything is accessible, responsive, and customizable.',
|
||||||
}]"
|
},
|
||||||
|
{
|
||||||
|
icon: 'i-lucide-code-2',
|
||||||
|
title: 'Developer experience first',
|
||||||
|
description:
|
||||||
|
'Auto-imports, hot module replacement, and TypeScript support. Write less boilerplate and ship more features.',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
icon: 'i-lucide-shield-check',
|
||||||
|
title: 'Built for scale',
|
||||||
|
description:
|
||||||
|
'Enterprise-ready architecture with proper error handling, SEO optimization, and security best practices built-in.',
|
||||||
|
},
|
||||||
|
]"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<UPageSection>
|
<UPageSection>
|
||||||
@@ -56,20 +63,23 @@
|
|||||||
title="Ready to build your next Nuxt app?"
|
title="Ready to build your next Nuxt app?"
|
||||||
description="Join thousands of developers building with Nuxt and Nuxt UI. Get this template and start shipping today."
|
description="Join thousands of developers building with Nuxt and Nuxt UI. Get this template and start shipping today."
|
||||||
variant="subtle"
|
variant="subtle"
|
||||||
:links="[{
|
:links="[
|
||||||
label: 'Start building',
|
{
|
||||||
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
label: 'Start building',
|
||||||
target: '_blank',
|
to: 'https://ui.nuxt.com/docs/getting-started/installation/nuxt',
|
||||||
trailingIcon: 'i-lucide-arrow-right',
|
target: '_blank',
|
||||||
color: 'neutral'
|
trailingIcon: 'i-lucide-arrow-right',
|
||||||
}, {
|
color: 'neutral',
|
||||||
label: 'View on GitHub',
|
},
|
||||||
to: 'https://github.com/nuxt-ui-templates/starter',
|
{
|
||||||
target: '_blank',
|
label: 'View on GitHub',
|
||||||
icon: 'i-simple-icons-github',
|
to: 'https://github.com/nuxt-ui-templates/starter',
|
||||||
color: 'neutral',
|
target: '_blank',
|
||||||
variant: 'outline'
|
icon: 'i-simple-icons-github',
|
||||||
}]"
|
color: 'neutral',
|
||||||
|
variant: 'outline',
|
||||||
|
},
|
||||||
|
]"
|
||||||
/>
|
/>
|
||||||
</UPageSection>
|
</UPageSection>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user