|
@@ -28,12 +28,6 @@
|
|
|
<div v-else style="width: 280px">
|
|
<div v-else style="width: 280px">
|
|
|
<q-skeleton type="text" height="40px" />
|
|
<q-skeleton type="text" height="40px" />
|
|
|
</div>
|
|
</div>
|
|
|
- <span v-if="displayDescription" class="text-body2">
|
|
|
|
|
- {{ displayDescription }}
|
|
|
|
|
- </span>
|
|
|
|
|
- <div v-else style="width: 380px">
|
|
|
|
|
- <q-skeleton type="text" height="20px" />
|
|
|
|
|
- </div>
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div>
|
|
<div>
|
|
|
<slot name="after" />
|
|
<slot name="after" />
|
|
@@ -48,7 +42,7 @@ import { computed } from "vue";
|
|
|
import { useRoute } from "vue-router";
|
|
import { useRoute } from "vue-router";
|
|
|
import { useI18n } from "vue-i18n";
|
|
import { useI18n } from "vue-i18n";
|
|
|
|
|
|
|
|
-const { title, description, breadcrumbs } = defineProps({
|
|
|
|
|
|
|
+const { title, breadcrumbs } = defineProps({
|
|
|
title: {
|
|
title: {
|
|
|
type: Object,
|
|
type: Object,
|
|
|
default: null,
|
|
default: null,
|
|
@@ -83,22 +77,22 @@ const displayTitle = computed(() => {
|
|
|
return null;
|
|
return null;
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
-const displayDescription = computed(() => {
|
|
|
|
|
- if (description) {
|
|
|
|
|
- if (description.translate) {
|
|
|
|
|
- return t(description.value);
|
|
|
|
|
- } else {
|
|
|
|
|
- return description.value;
|
|
|
|
|
- }
|
|
|
|
|
- } else if (route.meta?.description) {
|
|
|
|
|
- if (route.meta?.description.translate) {
|
|
|
|
|
- return t(route.meta?.description.value);
|
|
|
|
|
- } else {
|
|
|
|
|
- return route.meta?.description.value;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- return null;
|
|
|
|
|
-});
|
|
|
|
|
|
|
+// const displayDescription = computed(() => {
|
|
|
|
|
+// if (description) {
|
|
|
|
|
+// if (description.translate) {
|
|
|
|
|
+// return t(description.value);
|
|
|
|
|
+// } else {
|
|
|
|
|
+// return description.value;
|
|
|
|
|
+// }
|
|
|
|
|
+// } else if (route.meta?.description) {
|
|
|
|
|
+// if (route.meta?.description.translate) {
|
|
|
|
|
+// return t(route.meta?.description.value);
|
|
|
|
|
+// } else {
|
|
|
|
|
+// return route.meta?.description.value;
|
|
|
|
|
+// }
|
|
|
|
|
+// }
|
|
|
|
|
+// return null;
|
|
|
|
|
+// });
|
|
|
|
|
|
|
|
const displayBreadcrumbs = computed(() => {
|
|
const displayBreadcrumbs = computed(() => {
|
|
|
if (!breadcrumbs && breadcrumbs?.length <= 0) {
|
|
if (!breadcrumbs && breadcrumbs?.length <= 0) {
|