@dargmuesli/nuxt-vio 1.5.0 → 1.6.1

package/assets/css/tailwind.css

@@ -0,0 +1,47 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  a:focus {
+    @apply outline-none ring;
+  }
+
+  button:focus {
+    @apply outline-none ring;
+  }
+
+  thead {
+    @apply sticky top-0 z-10 vio-bg-darken;
+  }
+
+  tbody {
+    @apply divide-y vio-divide-darken;
+  }
+}
+
+@layer utilities {
+  .vio-prose {
+    @apply m-auto prose prose-sm sm:prose-base lg:prose-lg xl:prose-xl; /* 2xl:prose-2xl */
+  }
+
+  .vio-prose-scheme {
+    @apply vio-prose dark:prose-invert;
+  }
+
+  .vio-prose-fullwidth {
+    @apply vio-prose max-w-full sm:max-w-full md:max-w-full xl:max-w-full 2xl:max-w-full;
+  }
+
+  .vio-divide-darken {
+    @apply divide-background-brighten dark:divide-background-darken;
+  }
+
+  .vio-bg-darken {
+    @apply bg-background-brighten dark:bg-background-darken;
+  }
+
+  .vio-border-darken {
+    @apply border-background-brighten dark:border-background-darken;
+  }
+}

package/nuxt.config.ts

@@ -1,4 +1,14 @@
-import { SITE_NAME } from './utils/constants'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import { LOCALES, SITE_NAME } from './utils/constants'
+
+const currentDir = dirname(fileURLToPath(import.meta.url))
+
+const BASE_URL =
+  'https://' +
+  (process.env.NUXT_PUBLIC_STACK_DOMAIN ||
+    `${process.env.HOST || 'localhost'}:3000`)
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
@@ -11,10 +21,25 @@ export default defineNuxtConfig({
       title: SITE_NAME, // fallback data to prevent invalid html at generation
     },
   },
-  modules: ['@dargmuesli/nuxt-cookie-control', '@nuxtjs/tailwindcss'],
+  extends: ['nuxt-seo-kit'],
+  modules: [
+    '@dargmuesli/nuxt-cookie-control',
+    '@nuxtjs/html-validator',
+    '@nuxtjs/i18n',
+    '@nuxtjs/tailwindcss',
+  ],
   nitro: {
     compressPublicAssets: true,
   },
+  runtimeConfig: {
+    public: {
+      googleAnalyticsId: '', // set via environment variable `NUXT_PUBLIC_GOOGLE_ANALYTICS_ID` only
+      ...{
+        siteName: SITE_NAME,
+        siteUrl: BASE_URL,
+      },
+    },
+  },
   typescript: {
     shim: false,
     strict: true,
@@ -24,4 +49,74 @@ export default defineNuxtConfig({
       },
     },
   },
+
+  // modules
+  cookieControl: {
+    cookies: {
+      necessary: [
+        {
+          description: {
+            de: 'Dieser Cookie von uns speichert die Einstellungen, die in diesem Dialog getroffen werden.',
+            en: 'This cookie of ours stores the settings made in this dialog.',
+          },
+          id: 'c',
+          name: {
+            de: 'Cookie-Präferenzen',
+            en: 'Cookie Preferences',
+          },
+          targetCookieIds: ['ncc_c', 'ncc_e'],
+        },
+        {
+          description: {
+            de: 'Dieser Cookie von uns speichert die Sprache, in der diese Webseite angezeigt wird.',
+            en: "This cookie of ours stores the language that's used to display this website.",
+          },
+          id: 'l',
+          name: {
+            de: 'Sprache',
+            en: 'Language',
+          },
+          targetCookieIds: ['i18n_redirected'],
+        },
+      ],
+      optional: [
+        {
+          description: {
+            de: 'Die Cookies vom Drittanbieter Google ermöglichen die Analyse von Nutzerverhalten. Diese Analyse hilft uns unsere Dienste zu verbessern, indem wir verstehen, wie diese Webseite genutzt wird.',
+            en: 'The third-party cookies by Google enable the analysis of user behavior. This analysis helps us to improve our services by understanding how this website is used.',
+          },
+          id: 'ga',
+          links: {
+            'https://policies.google.com/privacy': 'Google Privacy Policy',
+            'https://policies.google.com/terms': 'Google Terms of Service',
+          },
+          name: 'Analytics',
+          targetCookieIds: ['_ga', '_ga_K4R41W62BR'],
+        },
+      ],
+    },
+    locales: ['en', 'de'],
+  },
+  htmlValidator: {
+    // failOnError: true,
+    logLevel: 'warning',
+  },
+  i18n: {
+    baseUrl: BASE_URL,
+    defaultLocale: 'en', // Must be set for the default prefix_except_default prefix strategy.
+    detectBrowserLanguage: false, // Enabling browser language detection does not generate (!) other languages than the default one.
+    locales: LOCALES,
+    vueI18n: {
+      fallbackWarn: false, // TODO: don't show incorrect warnings (https://github.com/intlify/vue-i18n-next/issues/776)
+    },
+  },
+  linkChecker: {
+    failOn404: false, // TODO: enable (https://github.com/harlan-zw/nuxt-seo-kit/issues/4#issuecomment-1434522124)
+  },
+  site: {
+    splash: false,
+  },
+  tailwindcss: {
+    cssPath: join(currentDir, './assets/css/tailwind.css'),
+  },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "1.5.0",
+  "version": "1.6.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -10,6 +10,7 @@
   },
   "packageManager": "pnpm@8.2.0",
   "files": [
+    "assets",
     "components",
     "composables",
     "layouts",
@@ -25,14 +26,19 @@
     "generate": "nuxi generate .playground",
     "preview": "nuxi preview .playground",
     "prepare": "pnpm husky install && pnpm nuxt prepare .playground",
-    "lint": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
-    "lint:staged": "pnpm lint-staged"
+    "lint": "pnpm lint:js && pnpm lint:ts && pnpm lint:style",
+    "lint:js": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
+    "lint:staged": "pnpm lint-staged",
+    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
+    "lint:ts": "pnpm nuxt typecheck"
   },
   "dependencies": {
     "@dargmuesli/nuxt-cookie-control": "5.4.0",
+    "@nuxtjs/html-validator": "1.2.4",
     "@nuxtjs/i18n": "8.0.0-beta.10",
     "@nuxtjs/tailwindcss": "6.6.5",
     "@tailwindcss/typography": "0.5.9",
+    "nuxt-seo-kit": "1.3.6",
     "vue-gtag": "2.0.1"
   },
   "devDependencies": {
@@ -49,6 +55,11 @@
     "lint-staged": "13.2.1",
     "nuxt": "3.4.0",
     "prettier": "2.8.7",
-    "typescript": "5.0.4"
+    "stylelint": "15.4.0",
+    "stylelint-config-recommended-vue": "1.4.0",
+    "stylelint-config-standard": "32.0.0",
+    "stylelint-no-unsupported-browser-features": "6.1.0",
+    "typescript": "5.0.4",
+    "vue-tsc": "1.2.0"
   }
 }