@paris-ias/list 1.0.11 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (88) hide show
  1. package/README.md +71 -51
  2. package/dist/module.d.mts +8 -0
  3. package/dist/module.json +9 -0
  4. package/dist/module.mjs +64 -0
  5. package/dist/runtime/components/events/Badges.vue +5 -7
  6. package/dist/runtime/components/events/DateTimePlace.vue +11 -13
  7. package/dist/runtime/components/events/DenseItem.vue +7 -6
  8. package/dist/runtime/components/events/ExpandedItem.vue +3 -5
  9. package/dist/runtime/components/events/ListContainer.vue +6 -6
  10. package/dist/runtime/components/events/RegisterModal.vue +4 -5
  11. package/dist/runtime/components/events/RelatedItem.vue +6 -7
  12. package/dist/runtime/components/events/RowsItem.vue +12 -11
  13. package/dist/runtime/components/events/View.vue +10 -13
  14. package/dist/runtime/components/fellowships/Badges.vue +12 -15
  15. package/dist/runtime/components/fellowships/DenseItem.vue +7 -7
  16. package/dist/runtime/components/fellowships/RegisterModal.vue +3 -2
  17. package/dist/runtime/components/fellowships/RowsItem.vue +19 -21
  18. package/dist/runtime/components/fellowships/View.vue +43 -49
  19. package/dist/runtime/components/list/atoms/FiltersMenu.vue +6 -8
  20. package/dist/runtime/components/list/atoms/SearchInput.vue +42 -50
  21. package/dist/runtime/components/list/atoms/SearchItem.vue +14 -14
  22. package/dist/runtime/components/list/atoms/SearchString.vue +6 -7
  23. package/dist/runtime/components/list/atoms/SortMenu.vue +23 -40
  24. package/dist/runtime/components/list/atoms/ViewMenu.vue +14 -22
  25. package/dist/runtime/components/list/inputs/AutoComplete.vue +9 -9
  26. package/dist/runtime/components/list/inputs/BooleanSwitch.vue +9 -9
  27. package/dist/runtime/components/list/inputs/Checkbox.vue +11 -11
  28. package/dist/runtime/components/list/inputs/Select.vue +11 -11
  29. package/dist/runtime/components/list/molecules/Filters.vue +27 -42
  30. package/dist/runtime/components/list/molecules/Header.vue +5 -7
  31. package/dist/runtime/components/list/molecules/Pagination.vue +60 -102
  32. package/dist/runtime/components/list/organisms/List.vue +28 -36
  33. package/dist/runtime/components/list/views/Dense.vue +1 -14
  34. package/dist/runtime/components/list/views/Grid.vue +3 -3
  35. package/dist/runtime/components/list/views/Rows.vue +3 -3
  36. package/dist/runtime/components/list/views/Table.vue +3 -3
  37. package/dist/runtime/components/misc/atoms/CountUp.vue +89 -144
  38. package/dist/runtime/components/misc/atoms/DateStamp.vue +42 -46
  39. package/dist/runtime/components/misc/atoms/ImageContainer.vue +14 -22
  40. package/dist/runtime/components/misc/atoms/ShareMenu.vue +9 -11
  41. package/dist/runtime/components/misc/atoms/Socials.vue +46 -52
  42. package/dist/runtime/components/misc/molecules/ChipContainer.vue +7 -11
  43. package/dist/runtime/components/misc/molecules/Related.vue +9 -11
  44. package/dist/runtime/components/misc/molecules/RelatedItems.vue +7 -9
  45. package/dist/runtime/components/misc/molecules/SearchItem.vue +2 -2
  46. package/dist/runtime/components/news/DenseItem.vue +15 -15
  47. package/dist/runtime/components/news/ExpandedItem.vue +40 -50
  48. package/dist/runtime/components/news/Header.vue +3 -5
  49. package/dist/runtime/components/news/RelatedItem.vue +6 -7
  50. package/dist/runtime/components/news/RowsItem.vue +14 -16
  51. package/dist/runtime/components/news/View.vue +9 -20
  52. package/dist/runtime/components/people/DenseItem.vue +9 -8
  53. package/dist/runtime/components/people/ExpandedItem.vue +4 -6
  54. package/dist/runtime/components/people/GroupBadges.vue +6 -8
  55. package/dist/runtime/components/people/RelatedItem.vue +6 -7
  56. package/dist/runtime/components/people/RowsItem.vue +12 -19
  57. package/dist/runtime/components/people/View.vue +7 -7
  58. package/dist/runtime/components/projects/ExpandedItem.vue +4 -6
  59. package/dist/runtime/components/projects/RelatedItem.vue +6 -7
  60. package/dist/runtime/components/projects/RowsItem.vue +21 -26
  61. package/dist/runtime/components/projects/View.vue +8 -8
  62. package/dist/runtime/components/publications/RelatedItem.vue +6 -7
  63. package/dist/runtime/components/publications/RowsItem.vue +20 -22
  64. package/dist/runtime/components/publications/View.vue +9 -15
  65. package/dist/runtime/composables/useFetchItem.d.ts +6 -0
  66. package/dist/runtime/composables/useFetchItem.js +49 -0
  67. package/dist/runtime/composables/useIcons.d.ts +1 -0
  68. package/dist/runtime/composables/useIcons.js +30 -0
  69. package/dist/runtime/composables/useUtils.d.ts +12 -0
  70. package/dist/runtime/composables/useUtils.js +47 -0
  71. package/dist/runtime/plugins/pinia.d.ts +2 -0
  72. package/dist/runtime/plugins/{pinia.ts → pinia.js} +29 -48
  73. package/dist/runtime/plugins/vuetify.d.ts +2 -0
  74. package/dist/runtime/server/tsconfig.json +3 -0
  75. package/dist/runtime/stores/factory.d.ts +1 -0
  76. package/dist/runtime/stores/{factory.ts → factory.js} +9 -9
  77. package/dist/runtime/stores/root.d.ts +34 -0
  78. package/dist/runtime/stores/root.js +227 -0
  79. package/dist/types.d.mts +3 -0
  80. package/package.json +55 -26
  81. package/dist/runtime/composables/useFetchItem.ts +0 -64
  82. package/dist/runtime/composables/useIcons.ts +0 -30
  83. package/dist/runtime/composables/useUtils.ts +0 -75
  84. package/dist/runtime/stores/root.ts +0 -353
  85. package/example/.env.example +0 -3
  86. package/example/nuxt.config.ts +0 -19
  87. package/example/pages/index.vue +0 -27
  88. package/index.ts +0 -119
@@ -18,24 +18,22 @@
18
18
  const props = defineProps({
19
19
  related: {
20
20
  type: Object,
21
- required: true,
22
- },
23
- })
24
-
21
+ required: true
22
+ }
23
+ });
25
24
  const typeMapping = {
26
25
  events: "events",
27
26
  people: "people",
28
27
  news: "news",
29
- projects: "projects",
30
- }
31
-
28
+ projects: "projects"
29
+ };
32
30
  const filteredRelatedItems = computed(() => {
33
- const result = {}
31
+ const result = {};
34
32
  for (const key in typeMapping) {
35
33
  if (props.related[key] && props.related[key].length > 0) {
36
- result[typeMapping[key]] = props.related[key]
34
+ result[typeMapping[key]] = props.related[key];
37
35
  }
38
36
  }
39
- return result
40
- })
37
+ return result;
38
+ });
41
39
  </script>
@@ -11,19 +11,17 @@
11
11
  </template>
12
12
 
13
13
  <script setup>
14
- import { useRootStore } from "../../../stores/root"
15
- import { capitalize } from "../../../composables/useUtils"
16
- const rootStore = useRootStore()
14
+ import { useRootStore } from "../../../stores/root";
15
+ import { capitalize } from "../../../composables/useUtils";
16
+ const rootStore = useRootStore();
17
17
  const props = defineProps({
18
18
  type: {
19
19
  type: String,
20
- required: true,
20
+ required: true
21
21
  },
22
22
  items: {
23
23
  type: Array,
24
- required: true,
25
- },
26
- })
24
+ required: true
25
+ }
26
+ });
27
27
  </script>
28
-
29
- <style></style>
@@ -21,6 +21,6 @@
21
21
  </template>
22
22
 
23
23
  <script setup>
24
- import { useRootStore } from "../../../stores/root"
25
- const rootStore = useRootStore()
24
+ import { useRootStore } from "../../../stores/root";
25
+ const rootStore = useRootStore();
26
26
  </script>
@@ -33,30 +33,30 @@
33
33
  </v-col>
34
34
  </v-row>
35
35
  </template>
36
- <script setup>
37
- import { useDisplay } from "vuetify"
38
- import { useRootStore } from "../../stores/root"
39
- const { $stores } = useNuxtApp()
40
- const { name } = useDisplay()
41
- const localePath = useLocalePath()
42
- const { locale } = useI18n()
43
36
 
44
- const rootStore = useRootStore()
37
+ <script setup>
38
+ import { useDisplay } from "vuetify";
39
+ import { useRootStore } from "../../stores/root";
40
+ const { $stores } = useNuxtApp();
41
+ const { name } = useDisplay();
42
+ const localePath = useLocalePath();
43
+ const { locale } = useI18n();
44
+ const rootStore = useRootStore();
45
45
  const props = defineProps({
46
46
  item: {
47
47
  type: Object,
48
- required: true,
48
+ required: true
49
49
  },
50
50
  index: {
51
51
  type: Number,
52
- required: true,
53
- },
54
- })
52
+ required: true
53
+ }
54
+ });
55
55
  const eventCategory = computed(() => {
56
56
  if (props.item.category) {
57
- return "list.filters.news.category." + props.item.category
57
+ return "list.filters.news.category." + props.item.category;
58
58
  } else {
59
- return "list.filters.news.category.others"
59
+ return "list.filters.news.category.others";
60
60
  }
61
- })
61
+ });
62
62
  </script>
@@ -83,71 +83,61 @@
83
83
  </template>
84
84
 
85
85
  <script setup>
86
- import { useDisplay } from "vuetify"
87
- import { useRootStore } from "../../stores/root"
88
- const router = useRouter()
89
- const rootStore = useRootStore()
90
- const expanded = ref(false)
91
- const { name, lgAndUp } = useDisplay()
92
- const { locale } = useI18n()
86
+ import { useDisplay } from "vuetify";
87
+ import { useRootStore } from "../../stores/root";
88
+ const router = useRouter();
89
+ const rootStore = useRootStore();
90
+ const expanded = ref(false);
91
+ const { name, lgAndUp } = useDisplay();
92
+ const { locale } = useI18n();
93
93
  const props = defineProps({
94
94
  item: {
95
95
  type: Object,
96
- required: true,
96
+ required: true
97
97
  },
98
98
  index: {
99
99
  type: Number,
100
- required: true,
101
- },
102
- })
100
+ required: true
101
+ }
102
+ });
103
103
  </script>
104
104
 
105
- <style lang="scss" scoped>
105
+ <style scoped>
106
106
  .expanded-item {
107
107
  overflow: hidden;
108
108
  transition: all 0.3s ease-in-out;
109
-
110
- &.expanded {
111
- .v-col:first-child {
112
- flex: 0 0 33.333%;
113
- max-width: 33.333%;
114
- }
115
-
116
- .v-col:last-child {
117
- flex: 0 0 66.666%;
118
- max-width: 66.666%;
119
- }
120
- }
121
-
122
- &.collapsed {
123
- .v-col:first-child {
124
- flex: 0 0 16.666%;
125
- max-width: 16.666%;
126
- }
127
-
128
- .v-col:last-child {
129
- flex: 0 0 83.333%;
130
- max-width: 83.333%;
131
- }
132
- }
133
-
134
- .animated-col {
135
- transition: flex 0.3s ease-in-out, max-width 0.3s ease-in-out;
136
- }
109
+ }
110
+ .expanded-item.expanded .v-col:first-child {
111
+ flex: 0 0 33.333%;
112
+ max-width: 33.333%;
113
+ }
114
+ .expanded-item.expanded .v-col:last-child {
115
+ flex: 0 0 66.666%;
116
+ max-width: 66.666%;
117
+ }
118
+ .expanded-item.collapsed .v-col:first-child {
119
+ flex: 0 0 16.666%;
120
+ max-width: 16.666%;
121
+ }
122
+ .expanded-item.collapsed .v-col:last-child {
123
+ flex: 0 0 83.333%;
124
+ max-width: 83.333%;
125
+ }
126
+ .expanded-item .animated-col {
127
+ transition: flex 0.3s ease-in-out, max-width 0.3s ease-in-out;
137
128
  }
138
129
 
139
130
  .fade-in {
140
131
  animation: fadeIn 1s ease-in-out;
141
-
142
- @keyframes fadeIn {
143
- from {
144
- opacity: 0;
145
- transform: scale(0.9);
146
- }
147
- to {
148
- opacity: 1;
149
- transform: scale(1);
150
- }
132
+ }
133
+ @keyframes fadeIn {
134
+ from {
135
+ opacity: 0;
136
+ transform: scale(0.9);
137
+ }
138
+ to {
139
+ opacity: 1;
140
+ transform: scale(1);
151
141
  }
152
142
  }
153
143
  </style>
@@ -1,9 +1,7 @@
1
1
  <template>
2
2
  <v-row> <v-col cols="12" /> </v-row>
3
3
  </template>
4
- <script setup lang="ts">
5
- // import { useDisplay } from "vuetify"
6
- // const { smAndUp } = useDisplay()
7
- // const localePath = useLocalePath()
4
+
5
+ <script setup>
6
+
8
7
  </script>
9
- <style lang="scss"></style>
@@ -34,11 +34,10 @@
34
34
  </template>
35
35
 
36
36
  <script setup>
37
- import { useDisplay } from "vuetify"
38
- import { useRootStore } from "../../stores/root"
39
- const localePath = useLocalePath()
40
- const rootStore = useRootStore()
41
- const { lgAndUp } = useDisplay()
42
-
43
- const props = defineProps({ item: { type: Object, required: true } })
37
+ import { useDisplay } from "vuetify";
38
+ import { useRootStore } from "../../stores/root";
39
+ const localePath = useLocalePath();
40
+ const rootStore = useRootStore();
41
+ const { lgAndUp } = useDisplay();
42
+ const props = defineProps({ item: { type: Object, required: true } });
44
43
  </script>
@@ -131,30 +131,28 @@
131
131
  </template>
132
132
 
133
133
  <script setup>
134
- import { useRootStore } from "../../stores/root"
135
- import { useDisplay } from "vuetify"
136
- const { $stores } = useNuxtApp()
137
- const { locale } = useI18n()
138
- const localePath = useLocalePath()
139
- const rootStore = useRootStore()
140
- const { name, smAndDown, mdAndDown, mdAndUp, lgAndUp } = useDisplay()
134
+ import { useRootStore } from "../../stores/root";
135
+ import { useDisplay } from "vuetify";
136
+ const { $stores } = useNuxtApp();
137
+ const { locale } = useI18n();
138
+ const localePath = useLocalePath();
139
+ const rootStore = useRootStore();
140
+ const { name, smAndDown, mdAndDown, mdAndUp, lgAndUp } = useDisplay();
141
141
  const eventCategory = computed(() => {
142
142
  if (props.item.category) {
143
- return "list.filters.news.category." + props.item.category
143
+ return "list.filters.news.category." + props.item.category;
144
144
  } else {
145
- return "list.filters.news.category.others"
145
+ return "list.filters.news.category.others";
146
146
  }
147
- })
147
+ });
148
148
  const props = defineProps({
149
149
  item: {
150
150
  type: Object,
151
- required: true,
151
+ required: true
152
152
  },
153
153
  index: {
154
154
  type: Number,
155
- required: true,
156
- },
157
- })
155
+ required: true
156
+ }
157
+ });
158
158
  </script>
159
-
160
- <style></style>
@@ -160,31 +160,20 @@
160
160
  </template>
161
161
 
162
162
  <script setup>
163
- import { useDisplay } from "vuetify"
164
- const { $stores } = useNuxtApp()
165
- const { name, mdAndUp, smAndDown } = useDisplay()
163
+ import { useDisplay } from "vuetify";
164
+ const { $stores } = useNuxtApp();
165
+ const { name, mdAndUp, smAndDown } = useDisplay();
166
166
  const props = defineProps({
167
167
  item: {
168
168
  type: Object,
169
- required: true,
169
+ required: true
170
170
  },
171
171
  loading: {
172
172
  type: Boolean,
173
173
  required: false,
174
- default: false,
175
- },
176
- })
177
-
178
- const today = new Date()
179
- /*const academicYear = ref(
180
- today.getMonth() > 6
181
- ? today.getFullYear() + "-" + (today.getFullYear() + 1)
182
- : today.getFullYear() - 1 + "-" + today.getFullYear()
183
- )
184
- const { data: action } = await useAsyncData("actions", () =>
185
- queryContent("/actions/" + locale.value)
186
- .limit(1)
187
- .find()
188
- ) */
189
- $stores.news.loading = false
174
+ default: false
175
+ }
176
+ });
177
+ const today = /* @__PURE__ */ new Date();
178
+ $stores.news.loading = false;
190
179
  </script>
@@ -19,19 +19,20 @@
19
19
  </v-col>
20
20
  </v-row>
21
21
  </template>
22
+
22
23
  <script setup>
23
- import { useRootStore } from "../../stores/root"
24
- const { $stores } = useNuxtApp()
25
- const localePath = useLocalePath()
26
- const rootStore = useRootStore()
24
+ import { useRootStore } from "../../stores/root";
25
+ const { $stores } = useNuxtApp();
26
+ const localePath = useLocalePath();
27
+ const rootStore = useRootStore();
27
28
  const props = defineProps({
28
29
  item: {
29
30
  type: Object,
30
- required: true,
31
+ required: true
31
32
  },
32
33
  index: {
33
34
  type: Number,
34
- required: true,
35
- },
36
- })
35
+ required: true
36
+ }
37
+ });
37
38
  </script>
@@ -4,13 +4,11 @@
4
4
  </div>
5
5
  </template>
6
6
 
7
- <script lang="ts" setup>
7
+ <script setup>
8
8
  const props = defineProps({
9
9
  item: {
10
10
  type: Object,
11
- required: true,
12
- },
13
- })
11
+ required: true
12
+ }
13
+ });
14
14
  </script>
15
-
16
- <style></style>
@@ -42,15 +42,13 @@
42
42
  </template>
43
43
 
44
44
  <script setup>
45
- import { useRootStore } from "../../stores/root"
46
- const rootStore = useRootStore()
47
- const { $stores } = useNuxtApp()
45
+ import { useRootStore } from "../../stores/root";
46
+ const rootStore = useRootStore();
47
+ const { $stores } = useNuxtApp();
48
48
  const props = defineProps({
49
49
  item: {
50
50
  type: Object,
51
- required: true,
52
- },
53
- })
51
+ required: true
52
+ }
53
+ });
54
54
  </script>
55
-
56
- <style lang="scss" scoped></style>
@@ -31,11 +31,10 @@
31
31
  </template>
32
32
 
33
33
  <script setup>
34
- import { useDisplay } from "vuetify"
35
- import { useRootStore } from "../../stores/root"
36
- const localePath = useLocalePath()
37
- const rootStore = useRootStore()
38
- const { lgAndUp } = useDisplay()
39
-
40
- const props = defineProps({ item: { type: Object, required: true } })
34
+ import { useDisplay } from "vuetify";
35
+ import { useRootStore } from "../../stores/root";
36
+ const localePath = useLocalePath();
37
+ const rootStore = useRootStore();
38
+ const { lgAndUp } = useDisplay();
39
+ const props = defineProps({ item: { type: Object, required: true } });
41
40
  </script>
@@ -63,33 +63,26 @@
63
63
  </v-col>
64
64
  </v-row>
65
65
  </template>
66
- <script setup>
67
- import { useDisplay } from "vuetify"
68
66
 
69
- const { name, mdAndUp } = useDisplay()
70
- const localePath = useLocalePath()
67
+ <script setup>
68
+ import { useDisplay } from "vuetify";
69
+ const { name, mdAndUp } = useDisplay();
70
+ const localePath = useLocalePath();
71
71
  const props = defineProps({
72
72
  item: {
73
73
  type: Object,
74
- required: true,
74
+ required: true
75
75
  },
76
76
  index: {
77
77
  type: Number,
78
- required: true,
79
- },
80
- })
78
+ required: true
79
+ }
80
+ });
81
81
  const lineClamp = computed(() => {
82
- let base = [5, 6, 3, 6, 8, 10][
83
- ["xs", "sm", "md", "lg", "xl", "xxl"].indexOf(name.value || "md")
84
- ]
82
+ let base = [5, 6, 3, 6, 8, 10][["xs", "sm", "md", "lg", "xl", "xxl"].indexOf(name.value || "md")];
85
83
  if (props.item?.socials && Object.keys(props.item.socials).length > 0) {
86
- base =
87
- base -
88
- [0, 0, 1, 1, 1, 2][
89
- ["xs", "sm", "md", "lg", "xl", "xxl"].indexOf(name.value || "md")
90
- ]
84
+ base = base - [0, 0, 1, 1, 1, 2][["xs", "sm", "md", "lg", "xl", "xxl"].indexOf(name.value || "md")];
91
85
  }
92
-
93
- return base
94
- })
86
+ return base;
87
+ });
95
88
  </script>
@@ -150,13 +150,13 @@
150
150
  </template>
151
151
 
152
152
  <script setup>
153
- import { useDisplay } from "vuetify"
154
- const { locale } = useI18n()
155
- const { $stores } = useNuxtApp()
156
- const { name, mdAndUp } = useDisplay()
153
+ import { useDisplay } from "vuetify";
154
+ const { locale } = useI18n();
155
+ const { $stores } = useNuxtApp();
156
+ const { name, mdAndUp } = useDisplay();
157
157
  const props = defineProps({
158
158
  item: { type: Object, required: true },
159
- loading: { type: Boolean, default: false },
160
- })
161
- $stores.people.loading = false
159
+ loading: { type: Boolean, default: false }
160
+ });
161
+ $stores.people.loading = false;
162
162
  </script>
@@ -2,13 +2,11 @@
2
2
  <div>{{ item.name }}</div>
3
3
  </template>
4
4
 
5
- <script lang="ts" setup>
5
+ <script setup>
6
6
  const props = defineProps({
7
7
  item: {
8
8
  type: Object,
9
- required: true,
10
- },
11
- })
9
+ required: true
10
+ }
11
+ });
12
12
  </script>
13
-
14
- <style></style>
@@ -34,11 +34,10 @@
34
34
  </template>
35
35
 
36
36
  <script setup>
37
- import { useDisplay } from "vuetify"
38
- import { useRootStore } from "../../stores/root"
39
- const localePath = useLocalePath()
40
- const rootStore = useRootStore()
41
- const { lgAndUp } = useDisplay()
42
-
43
- const props = defineProps({ item: { type: Object, required: true } })
37
+ import { useDisplay } from "vuetify";
38
+ import { useRootStore } from "../../stores/root";
39
+ const localePath = useLocalePath();
40
+ const rootStore = useRootStore();
41
+ const { lgAndUp } = useDisplay();
42
+ const props = defineProps({ item: { type: Object, required: true } });
44
43
  </script>
@@ -1,4 +1,4 @@
1
- <template>
1
+ <template>
2
2
  <v-row class="highlight-on-hover pa-3">
3
3
  <v-col v-ripple cols="12" sm="6" md="4" lg="3" xl="2">
4
4
  <MiscAtomsImageContainer
@@ -79,28 +79,23 @@
79
79
  </v-col></v-row
80
80
  >
81
81
  <v-divider />
82
- </template>
83
-
84
- <script setup>
85
- import { useRootStore } from "../../stores/root"
86
- import { useDisplay } from "vuetify"
87
- const { locale } = useI18n()
88
-
89
- const { name } = useDisplay()
90
-
91
- const rootStore = useRootStore()
92
- const router = useRouter()
93
- const localePath = useLocalePath()
94
-
95
- const props = defineProps({
96
- item: {
97
- type: Object,
98
- default: () => {
99
- return {}
100
- },
101
- required: true,
102
- },
103
- })
104
- </script>
105
-
106
- <style lang="scss"></style>
82
+ </template>
83
+
84
+ <script setup>
85
+ import { useRootStore } from "../../stores/root";
86
+ import { useDisplay } from "vuetify";
87
+ const { locale } = useI18n();
88
+ const { name } = useDisplay();
89
+ const rootStore = useRootStore();
90
+ const router = useRouter();
91
+ const localePath = useLocalePath();
92
+ const props = defineProps({
93
+ item: {
94
+ type: Object,
95
+ default: () => {
96
+ return {};
97
+ },
98
+ required: true
99
+ }
100
+ });
101
+ </script>
@@ -113,19 +113,19 @@
113
113
  </template>
114
114
 
115
115
  <script setup>
116
- import { useDisplay } from "vuetify"
117
- const { $stores } = useNuxtApp()
118
- const { name } = useDisplay()
116
+ import { useDisplay } from "vuetify";
117
+ const { $stores } = useNuxtApp();
118
+ const { name } = useDisplay();
119
119
  const props = defineProps({
120
120
  item: {
121
121
  type: Object,
122
- required: true,
122
+ required: true
123
123
  },
124
124
  loading: {
125
125
  type: Boolean,
126
126
  required: false,
127
- default: false,
128
- },
129
- })
130
- $stores.projects.loading = false
127
+ default: false
128
+ }
129
+ });
130
+ $stores.projects.loading = false;
131
131
  </script>
@@ -34,11 +34,10 @@
34
34
  </template>
35
35
 
36
36
  <script setup>
37
- import { useDisplay } from "vuetify"
38
- import { useRootStore } from "../../stores/root"
39
- const localePath = useLocalePath()
40
- const rootStore = useRootStore()
41
- const { lgAndUp } = useDisplay()
42
-
43
- const props = defineProps({ item: { type: Object, required: true } })
37
+ import { useDisplay } from "vuetify";
38
+ import { useRootStore } from "../../stores/root";
39
+ const localePath = useLocalePath();
40
+ const rootStore = useRootStore();
41
+ const { lgAndUp } = useDisplay();
42
+ const props = defineProps({ item: { type: Object, required: true } });
44
43
  </script>