@dargmuesli/nuxt-vio 3.0.0-beta.13 → 3.0.0-beta.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. package/components/vio/form/input/VioFormInput.vue +3 -3
  2. package/components/vio/form/input/state/VioFormInputStateError.vue +1 -1
  3. package/components/vio/form/input/state/VioFormInputStateInfo.vue +1 -1
  4. package/components/vio/icon/IconArrowRight.vue +2 -2
  5. package/components/vio/icon/IconCalendar.vue +2 -2
  6. package/components/vio/icon/IconCheckCircle.vue +2 -2
  7. package/components/vio/icon/IconDownload.vue +2 -2
  8. package/components/vio/icon/IconExclamationCircle.vue +2 -2
  9. package/components/vio/icon/IconHome.vue +2 -2
  10. package/components/vio/icon/IconHourglass.vue +2 -2
  11. package/components/vio/layout/VioLayoutBreadcrumbs.vue +1 -1
  12. package/components/vio/layout/VioLayoutFooter.vue +3 -3
  13. package/components/vio/layout/VioLayoutHeader.vue +10 -7
  14. package/package.json +1 -1
  15. package/components/vio/icon/IconLogo.vue +0 -17
package/components/vio/form/input/VioFormInput.vue CHANGED
@@ -51,7 +51,7 @@
51
51
  />
52
52
  <div v-if="validationProperty && isValidatable">
53
53
  <VioFormInputIconWrapper v-if="validationProperty.$pending">
54
- <IconHourglass
54
+ <VioIconHourglass
55
55
  class="text-blue-600"
56
56
  :title="t('globalStatusLoading')"
57
57
  />
@@ -61,14 +61,14 @@
61
61
  validationProperty.$model && !validationProperty.$invalid
62
62
  "
63
63
  >
64
- <IconCheckCircle class="text-green-600" :title="t('valid')" />
64
+ <VioIconCheckCircle class="text-green-600" :title="t('valid')" />
65
65
  </VioFormInputIconWrapper>
66
66
  <VioFormInputIconWrapper
67
67
  v-else-if="
68
68
  validationProperty.$model && validationProperty.$invalid
69
69
  "
70
70
  >
71
- <IconExclamationCircle
71
+ <VioIconExclamationCircle
72
72
  class="text-red-600"
73
73
  :title="t('validNot')"
74
74
  />
package/components/vio/form/input/state/VioFormInputStateError.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  "
12
12
  class="text-red-600"
13
13
  >
14
- <IconExclamationCircle v-if="formInput && validationProperty" />
14
+ <VioIconExclamationCircle v-if="formInput && validationProperty" />
15
15
  <slot />
16
16
  </VioFormInputState>
17
17
  </template>
package/components/vio/form/input/state/VioFormInputStateInfo.vue CHANGED
@@ -11,7 +11,7 @@
11
11
  "
12
12
  class="text-gray-500 dark:text-gray-400"
13
13
  >
14
- <IconInformationCircle />
14
+ <VioIconInformationCircle />
15
15
  <slot />
16
16
  </VioFormInputState>
17
17
  </template>
package/components/vio/icon/IconArrowRight.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  fill="none"
4
4
  viewBox="0 0 24 24"
5
5
  stroke="currentColor"
@@ -11,7 +11,7 @@
11
11
  stroke-linejoin="round"
12
12
  d="M14 5l7 7m0 0l-7 7m7-7H3"
13
13
  />
14
- </IconContainer>
14
+ </VioIconContainer>
15
15
  </template>
16
16
 
17
17
  <script setup lang="ts">
package/components/vio/icon/IconCalendar.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  fill="none"
4
4
  viewBox="0 0 24 24"
5
5
  stroke="currentColor"
@@ -11,7 +11,7 @@
11
11
  stroke-width="2"
12
12
  d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
13
13
  />
14
- </IconContainer>
14
+ </VioIconContainer>
15
15
  </template>
16
16
 
17
17
  <script setup lang="ts">
package/components/vio/icon/IconCheckCircle.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  viewBox="0 0 20 20"
4
4
  fill="currentColor"
5
5
  :title="title || t('title')"
@@ -9,7 +9,7 @@
9
9
  d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
10
10
  clip-rule="evenodd"
11
11
  />
12
- </IconContainer>
12
+ </VioIconContainer>
13
13
  </template>
14
14
 
15
15
  <script setup lang="ts">
package/components/vio/icon/IconDownload.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  fill="none"
4
4
  viewBox="0 0 24 24"
5
5
  stroke="currentColor"
@@ -11,7 +11,7 @@
11
11
  stroke-width="2"
12
12
  d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
13
13
  />
14
- </IconContainer>
14
+ </VioIconContainer>
15
15
  </template>
16
16
 
17
17
  <script setup lang="ts">
package/components/vio/icon/IconExclamationCircle.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  viewBox="0 0 20 20"
4
4
  fill="currentColor"
5
5
  :title="title || t('title')"
@@ -9,7 +9,7 @@
9
9
  d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"
10
10
  clip-rule="evenodd"
11
11
  />
12
- </IconContainer>
12
+ </VioIconContainer>
13
13
  </template>
14
14
 
15
15
  <script setup lang="ts">
package/components/vio/icon/IconHome.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  fill="none"
4
4
  viewBox="0 0 24 24"
5
5
  stroke="currentColor"
@@ -11,7 +11,7 @@
11
11
  stroke-width="2"
12
12
  d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
13
13
  />
14
- </IconContainer>
14
+ </VioIconContainer>
15
15
  </template>
16
16
 
17
17
  <script setup lang="ts">
package/components/vio/icon/IconHourglass.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <IconContainer
2
+ <VioIconContainer
3
3
  aria-hidden="true"
4
4
  focusable="false"
5
5
  data-prefix="fas"
@@ -12,7 +12,7 @@
12
12
  fill="currentColor"
13
13
  d="M352 0C369.7 0 384 14.33 384 32C384 49.67 369.7 64 352 64V74.98C352 117.4 335.1 158.1 305.1 188.1L237.3 256L305.1 323.9C335.1 353.9 352 394.6 352 437V448C369.7 448 384 462.3 384 480C384 497.7 369.7 512 352 512H32C14.33 512 0 497.7 0 480C0 462.3 14.33 448 32 448V437C32 394.6 48.86 353.9 78.86 323.9L146.7 256L78.86 188.1C48.86 158.1 32 117.4 32 74.98V64C14.33 64 0 49.67 0 32C0 14.33 14.33 0 32 0H352zM111.1 128H272C282.4 112.4 288 93.98 288 74.98V64H96V74.98C96 93.98 101.6 112.4 111.1 128zM111.1 384H272C268.5 378.7 264.5 373.7 259.9 369.1L192 301.3L124.1 369.1C119.5 373.7 115.5 378.7 111.1 384V384z"
14
14
  />
15
- </IconContainer>
15
+ </VioIconContainer>
16
16
  </template>
17
17
 
18
18
  <script setup lang="ts">
package/components/vio/layout/VioLayoutBreadcrumbs.vue CHANGED
@@ -6,7 +6,7 @@
6
6
  :is-colored="false"
7
7
  :to="localePath('/')"
8
8
  >
9
- <IconHome classes="h-6 w-6" />
9
+ <VioIconHome classes="h-6 w-6" />
10
10
  </VioLink>
11
11
  <ul v-if="prefixes" class="flex items-center gap-2">
12
12
  <li
package/components/vio/layout/VioLayoutFooter.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <div class="flex flex-col gap-8">
4
4
  <div class="flex items-center">
5
5
  <VioLayoutHr />
6
- <IconLogo class="mx-12 h-12 w-12 opacity-60 brightness-0 invert" />
6
+ <VioIconLogo class="mx-12 h-12 w-12 opacity-60 brightness-0 invert" />
7
7
  <VioLayoutHr />
8
8
  </div>
9
9
  <!-- Justifying evenly, instead of "between", centers a single element. -->
@@ -24,11 +24,11 @@
24
24
 
25
25
  <script setup lang="ts">
26
26
  const { t } = useI18n()
27
- const config = useRuntimeConfig()
27
+ const runtimeConfig = useRuntimeConfig()
28
28
 
29
29
  // computations
30
30
  const year = computed(() =>
31
- config.public.isTesting ? 1337 : new Date().getFullYear(),
31
+ runtimeConfig.public.isTesting ? 1337 : new Date().getFullYear(),
32
32
  )
33
33
  </script>
34
34
 
package/components/vio/layout/VioLayoutHeader.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <VioButton :aria-label="t('creal')" :to="localePath('/')">
4
4
  <span class="text-lg font-bold">{{ t('creal') }}</span>
5
5
  <template #prefix>
6
- <IconLogo class="h-10 w-10" />
6
+ <VioIconLogo class="h-10 w-10" />
7
7
  </template>
8
8
  </VioButton>
9
9
  <VioLink
@@ -38,30 +38,33 @@
38
38
  >
39
39
  <span class="basis-0 whitespace-nowrap">{{ t('bookCreal') }}</span>
40
40
  <template #suffix>
41
- <IconArrowRight />
41
+ <VioIconArrowRight />
42
42
  </template>
43
43
  </VioButton>
44
44
  </header>
45
45
  </template>
46
46
 
47
47
  <script setup lang="ts">
48
- const { $dayjs } = useNuxtApp()
49
48
  const { t } = useI18n()
50
49
  const localePath = useLocalePath()
51
50
  const strapiFetch = useStrapiFetch()
51
+ const dateTime = useDateTime()
52
52
 
53
53
  // async data
54
54
  let eventsCurrentCount = 0
55
55
  let eventsFutureCount = 0
56
56
 
57
+ // data
58
+ const now = dateTime()
59
+
57
60
  // methods
58
61
  const init = async () => {
59
62
  eventsCurrentCount = (
60
63
  (await strapiFetch('/events', {
61
64
  query: {
62
- 'filters[$and][0][dateStart][$lte]': $dayjs().toISOString(),
63
- 'filters[$and][1][$or][0][dateEnd][$gt]': $dayjs().toISOString(),
64
- 'filters[$and][1][$or][1][dateStart][$gte]': $dayjs()
65
+ 'filters[$and][0][dateStart][$lte]': now.toISOString(),
66
+ 'filters[$and][1][$or][0][dateEnd][$gt]': now.toISOString(),
67
+ 'filters[$and][1][$or][1][dateStart][$gte]': now
65
68
  .startOf('day')
66
69
  .toISOString(),
67
70
  },
@@ -70,7 +73,7 @@ const init = async () => {
70
73
  eventsFutureCount = (
71
74
  (await strapiFetch('/events', {
72
75
  query: {
73
- 'filters[dateStart][$gt]': $dayjs().toISOString(),
76
+ 'filters[dateStart][$gt]': now.toISOString(),
74
77
  },
75
78
  })) as any
76
79
  ).meta.pagination.total
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dargmuesli/nuxt-vio",
3
- "version": "3.0.0-beta.13",
3
+ "version": "3.0.0-beta.15",
4
4
  "type": "module",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/components/vio/icon/IconLogo.vue DELETED
@@ -1,17 +0,0 @@
1
- <template>
2
- <svg
3
- xmlns="http://www.w3.org/2000/svg"
4
- width="1064pt"
5
- height="1064pt"
6
- version="1.1"
7
- viewBox="0 0 1064 1064"
8
- >
9
- <g id="#9a9a9aff">
10
- <path
11
- fill="#ecc94b"
12
- 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"
13
- opacity="1"
14
- />
15
- </g>
16
- </svg>
17
- </template>