Init nuxt-starter

2026-01-14 12:14:38 +01:00 · 2024-07-23 20:27:33 +02:00
commit 5c96b8eea0
17 changed files with 279 additions and 0 deletions
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -0,0 +1,9 @@
+export default defineAppConfig({
+  ui: {
+    gray: 'neutral',
+    primary: 'gray',
+    icons: {
+      dynamic: true
+    }
+  }
+})
--- a/app/app.vue
+++ b/app/app.vue
@@ -0,0 +1,72 @@
+<template>
+  <Html
+    :dir="head.htmlAttrs.dir"
+    :lang="head.htmlAttrs.lang"
+  >
+    <Head>
+      <template
+        v-for="link in head.link"
+        :key="link.id"
+      >
+        <Link
+          :id="link.id"
+          :href="link.href"
+          :hreflang="link.hreflang"
+          :rel="link.rel"
+        />
+      </template>
+      <template
+        v-for="meta in head.meta"
+        :key="meta.id"
+      >
+        <Meta
+          :id="meta.id"
+          :content="meta.content"
+          :property="meta.property"
+        />
+      </template>
+    </Head>
+    <Body>
+      <div>
+        <NuxtLoadingIndicator color="#808080" />
+        <UContainer>
+          <NuxtPage />
+        </UContainer>
+      </div>
+    </Body>
+  </Html>
+</template>
+
+<script lang="ts" setup>
+useHead({
+  link: [{ rel: 'icon', type: 'image/png', href: '/favicon.ico' }]
+})
+
+const head = useLocaleHead({
+  addDirAttribute: true,
+  identifierAttribute: 'id',
+  addSeoAttributes: true
+})
+</script>
+
+<style>
+body {
+  font-family: 'DM Sans', sans-serif;
+  @apply h-full w-full text-neutral-700 dark:text-neutral-300;
+}
+
+.page-enter-active,
+.page-leave-active {
+  transition: all 0.2s;
+}
+
+.page-leave-to {
+  opacity: 0;
+  transform: translateY(-5px);
+}
+
+.page-enter-from {
+  opacity: 0;
+  transform: translateY(5px);
+}
+</style>
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div>
+    <h1>Home</h1>
+  </div>
+</template>
+
+<style scoped>
+
+</style>