@dargmuesli/nuxt-vio 1.2.3 → 1.4.0

package/components/VioHr.vue

@@ -0,0 +1,3 @@
+<template>
+  <div class="h-px grow bg-gray-300 dark:bg-gray-600" />
+</template>

package/components/VioLink.vue

@@ -0,0 +1,57 @@
+<template>
+  <a
+    v-if="to.match(/^((ftp|http(s)?):\/\/|(mailto):)/)"
+    :aria-label="ariaLabel"
+    :class="classes"
+    :href="to"
+    :rel="
+      [...(nofollow ? ['nofollow'] : []), 'noopener', 'noreferrer'].join(' ')
+    "
+    target="_blank"
+    @click="emit('click')"
+  >
+    <slot />
+  </a>
+  <NuxtLink
+    v-else
+    :aria-label="ariaLabel"
+    :class="classes"
+    :to="isToRelative ? append(route.path, to) : to"
+    @click="emit('click')"
+  >
+    <slot />
+  </NuxtLink>
+</template>
+
+<script setup lang="ts">
+export interface Props {
+  ariaLabel?: string
+  isColored?: boolean
+  isToRelative?: boolean
+  isUnderlined?: boolean
+  nofollow?: boolean
+  to: string
+}
+const props = withDefaults(defineProps<Props>(), {
+  ariaLabel: undefined,
+  isColored: true,
+  isToRelative: false,
+  isUnderlined: false,
+  nofollow: false,
+})
+
+const emit = defineEmits<{
+  (e: 'click'): void
+}>()
+
+const route = useRoute()
+
+// computations
+const classes = computed(() => {
+  return [
+    'rounded',
+    ...(props.isColored ? ['text-link-dark dark:text-link-bright'] : []),
+    ...(props.isUnderlined ? ['underline'] : []),
+  ].join(' ')
+})
+</script>

package/layouts/default.vue

@@ -0,0 +1,7 @@
+<template>
+  <div class="p-4 md:px-8">
+    <main>
+      <slot />
+    </main>
+  </div>
+</template>

package/nuxt.config.ts

@@ -1,6 +1,30 @@
+import { SITE_NAME } from './utils/constants'
+
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
+  app: {
+    head: {
+      htmlAttrs: {
+        lang: "en", // fallback data to prevent invalid html at generation
+      },
+      titleTemplate: `%s`,
+      title: SITE_NAME, // fallback data to prevent invalid html at generation
+    },
+  },
+  css: ['@/assets/css/main.css'],
   nitro: {
     compressPublicAssets: true,
   },
-})
+  postcss: {
+    plugins: { tailwindcss: {}, autoprefixer: {} },
+  },
+  typescript: {
+    shim: false,
+    strict: true,
+    tsConfig: {
+      vueCompilerOptions: {
+        htmlAttributes: [], // https://github.com/johnsoncodehk/volar/issues/1970#issuecomment-1276994634
+      },
+    },
+  },
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "1.2.3",
+  "version": "1.4.0",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -10,7 +10,9 @@
   },
   "packageManager": "pnpm@8.2.0",
   "files": [
+    "components",
     "composables",
+    "layouts",
     "server",
     "plugins",
     "utils",
@@ -25,6 +27,7 @@
     "lint": "eslint ."
   },
   "dependencies": {
+    "@nuxtjs/i18n": "8.0.0-beta.10",
     "vue-gtag": "2.0.1"
   },
   "devDependencies": {

package/utils/constants.ts

@@ -1 +1,16 @@
-export const CYPRESS_BASE_URL = 'http://localhost:3000'
+import { LocaleObject } from "@nuxtjs/i18n/dist/runtime/composables";
+
+export const CYPRESS_BASE_URL = "http://localhost:3000";
+export const LOCALES: LocaleObject[] = [
+  {
+    code: "en",
+    name: "English",
+    iso: "en", // Will be used as catchall locale by default.
+  },
+  {
+    code: "de",
+    name: "Deutsch",
+    iso: "de",
+  },
+];
+export const SITE_NAME = "Vio";