@dargmuesli/nuxt-vio 3.0.0-beta.12 → 3.0.0-beta.14

package/assets/css/tailwind.css

@@ -1,43 +1,58 @@
+/* stylelint-disable at-rule-no-unknown */
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+/* stylelint-enable at-rule-no-unknown */
 
+/* doiuse-disable css-cascade-layers */
 @layer base {
+  /* doiuse-enable css-cascade-layers */
   a:focus {
-    @apply outline-none ring;
+    /* doiuse-disable css-nesting */
+    @apply outline-none ring; /* doiuse-enable css-nesting */
   }
 
   button:focus {
-    @apply outline-none ring;
+    /* doiuse-disable css-nesting */
+    @apply outline-none ring; /* doiuse-enable css-nesting */
   }
 
   thead {
-    @apply sticky top-0 z-10 vio-bg-darken;
+    /* doiuse-disable css-nesting */
+    @apply vio-bg-darken sticky top-0 z-10; /* doiuse-enable css-nesting */
   }
 
   tbody {
-    @apply divide-y vio-divide-darken;
+    /* doiuse-disable css-nesting */
+    @apply vio-divide-darken divide-y; /* doiuse-enable css-nesting */
   }
 }
 
+/* doiuse-disable css-cascade-layers */
 @layer utilities {
+  /* doiuse-enable css-cascade-layers */
   .vio-prose {
-    @apply m-auto prose dark:prose-invert prose-sm sm:prose-base lg:prose-lg xl:prose-xl; /* 2xl:prose-2xl */
+    /* doiuse-disable css-nesting */
+    @apply prose prose-sm m-auto dark:prose-invert sm:prose-base lg:prose-lg xl:prose-xl; /* 2xl:prose-2xl */ /* doiuse-enable css-nesting */
   }
 
   .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;
+    /* doiuse-disable css-nesting */
+    @apply vio-prose max-w-full sm:max-w-full md:max-w-full xl:max-w-full 2xl:max-w-full; /* doiuse-enable css-nesting */
   }
 
   .vio-divide-darken {
-    @apply divide-background-brighten dark:divide-background-darken;
+    /* doiuse-disable css-nesting */
+    @apply divide-background-brighten dark:divide-background-darken; /* doiuse-enable css-nesting */
   }
 
   .vio-bg-darken {
-    @apply bg-background-brighten dark:bg-background-darken;
+    /* doiuse-disable css-nesting */
+    @apply bg-background-brighten dark:bg-background-darken; /* doiuse-enable css-nesting */
   }
 
   .vio-border-darken {
-    @apply border-background-brighten dark:border-background-darken;
+    /* doiuse-disable css-nesting */
+    @apply border-background-brighten dark:border-background-darken; /* doiuse-enable css-nesting */
   }
 }

package/components/vio/layout/VioLayoutFooter.vue

@@ -24,11 +24,11 @@
 
 <script setup lang="ts">
 const { t } = useI18n()
-const config = useRuntimeConfig()
+const runtimeConfig = useRuntimeConfig()
 
 // computations
 const year = computed(() =>
-  config.public.isTesting ? 1337 : new Date().getFullYear(),
+  runtimeConfig.public.isTesting ? 1337 : new Date().getFullYear(),
 )
 </script>
 

package/components/vio/layout/VioLayoutHeader.vue

@@ -45,23 +45,26 @@
 </template>
 
 <script setup lang="ts">
-const { $dayjs } = useNuxtApp()
 const { t } = useI18n()
 const localePath = useLocalePath()
 const strapiFetch = useStrapiFetch()
+const dateTime = useDateTime()
 
 // async data
 let eventsCurrentCount = 0
 let eventsFutureCount = 0
 
+// data
+const now = dateTime()
+
 // methods
 const init = async () => {
   eventsCurrentCount = (
     (await strapiFetch('/events', {
       query: {
-        'filters[$and][0][dateStart][$lte]': $dayjs().toISOString(),
-        'filters[$and][1][$or][0][dateEnd][$gt]': $dayjs().toISOString(),
-        'filters[$and][1][$or][1][dateStart][$gte]': $dayjs()
+        'filters[$and][0][dateStart][$lte]': now.toISOString(),
+        'filters[$and][1][$or][0][dateEnd][$gt]': now.toISOString(),
+        'filters[$and][1][$or][1][dateStart][$gte]': now
           .startOf('day')
           .toISOString(),
       },
@@ -70,7 +73,7 @@ const init = async () => {
   eventsFutureCount = (
     (await strapiFetch('/events', {
       query: {
-        'filters[dateStart][$gt]': $dayjs().toISOString(),
+        'filters[dateStart][$gt]': now.toISOString(),
       },
     })) as any
   ).meta.pagination.total

package/nuxt.config.ts

@@ -23,6 +23,7 @@ const BASE_URL =
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
   alias: {
+    clipboard: 'clipboard',
     dayjs: 'dayjs',
     sweetalert2: 'sweetalert2',
   }, // TODO: remove (https://github.com/nuxt/nuxt/issues/19426)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dargmuesli/nuxt-vio",
-  "version": "3.0.0-beta.12",
+  "version": "3.0.0-beta.14",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -35,7 +35,7 @@
     "lint:fix": "pnpm lint:js --fix && pnpm lint:ts --fix && pnpm lint:style --fix",
     "lint:js": "eslint --cache --ext .js,.ts,.vue --ignore-path .gitignore .",
     "lint:staged": "lint-staged",
-    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
+    "lint:style": "stylelint --cache {,**/}*.{vue,css} --ignore-path .gitignore",
     "lint:ts": "nuxt typecheck",
     "lint": "pnpm lint:js && pnpm lint:ts && pnpm lint:style",
     "prepare": "nuxt prepare .playground",

package/components/vio/icon/IconLogo.vue

@@ -1,17 +0,0 @@
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="1064pt"
-    height="1064pt"
-    version="1.1"
-    viewBox="0 0 1064 1064"
-  >
-    <g id="#9a9a9aff">
-      <path
-        fill="#ecc94b"
-        d="M 802.62 185.62 C 806.76 181.54 810.71 177.26 815.06 173.41 C 828.57 186.40 841.60 199.89 854.94 213.06 C 866.81 225.07 878.95 236.83 890.68 248.99 C 858.25 281.90 825.33 314.33 792.78 347.13 C 801.85 360.72 810.67 374.54 817.81 389.27 C 849.17 451.62 859.14 524.40 845.66 592.88 C 835.73 644.31 812.88 693.19 779.77 733.77 C 748.01 772.91 706.76 804.28 660.61 824.52 C 601.85 850.47 535.17 858.08 472.10 845.87 C 399.83 832.28 332.81 792.71 286.03 735.97 C 261.50 706.51 242.51 672.51 229.95 636.31 C 214.56 591.74 209.12 543.75 214.40 496.88 C 219.97 445.89 238.13 396.34 266.77 353.78 C 297.11 308.55 339.24 271.29 387.93 246.85 C 436.80 222.00 492.22 210.23 546.98 212.87 C 592.26 214.95 637.06 226.87 677.39 247.55 C 691.14 254.44 704.16 262.67 716.88 271.28 C 745.53 242.80 774.02 214.15 802.62 185.62 M 668.11 321.11 C 659.08 330.37 649.57 339.17 640.85 348.72 C 671.30 366.97 697.16 392.75 715.33 423.27 C 726.58 412.55 737.35 401.34 748.40 390.41 C 762.78 375.92 777.38 361.65 791.64 347.04 C 771.18 318.23 745.87 292.82 717.00 272.43 C 700.48 288.43 684.45 304.92 668.11 321.11 M 436.34 342.35 C 401.95 359.59 372.51 386.48 352.08 419.07 C 331.27 452.09 319.83 490.96 319.57 530.00 C 319.10 567.70 329.06 605.44 347.89 638.09 C 365.96 669.51 392.23 696.14 423.39 714.64 C 456.33 734.24 494.65 744.78 533.00 744.45 C 574.05 744.36 615.02 731.94 649.19 709.17 C 676.80 690.95 700.05 666.14 716.43 637.39 C 736.74 602.03 746.42 560.71 744.11 520.01 C 742.05 486.63 732.53 453.44 715.15 424.78 C 673.22 466.47 631.56 508.43 589.65 550.14 C 586.42 547.81 583.82 544.77 581.00 542.00 C 559.16 520.17 537.32 498.33 515.49 476.50 C 514.40 475.63 513.59 474.12 515.09 473.18 C 556.44 431.67 598.01 390.37 639.32 348.82 C 615.75 334.67 589.17 325.65 561.99 321.72 C 519.31 315.51 474.81 322.86 436.34 342.35 Z"
-        opacity="1"
-      />
-    </g>
-  </svg>
-</template>