diff --git a/src/App.vue b/src/App.vue index 4aaa0ea..9623fc7 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,8 +15,8 @@ export default { TopMenu, }, watch: { - '$route' (to, from) { - document.title = to.meta.title || 'Your Website' + '$route' (to) { + document.title = to.meta.title || 'OG:IMAGE' } }, } diff --git a/src/page/AboutPage.vue b/src/page/AboutPage.vue index 9d8c099..7a238ed 100644 --- a/src/page/AboutPage.vue +++ b/src/page/AboutPage.vue @@ -2,7 +2,11 @@
- This website is an image generator for Open Graph developed by Simon Vieille. + This website is an image generator for Open Graph developed by + Simon Vieille.
diff --git a/src/ui/AlignForm.vue b/src/ui/AlignForm.vue index 6022d24..9759a11 100644 --- a/src/ui/AlignForm.vue +++ b/src/ui/AlignForm.vue @@ -52,9 +52,12 @@ export default { props: { modelValue: { + type: String, + default: null, }, label: { type: String, + default: null, required: false, }, }, diff --git a/src/ui/DownloadButton.vue b/src/ui/DownloadButton.vue index 058df75..613503c 100644 --- a/src/ui/DownloadButton.vue +++ b/src/ui/DownloadButton.vue @@ -2,7 +2,7 @@ @@ -12,12 +12,9 @@ export default { props: { label: { type: String, + default: null, required: true }, - class: { - type: String, - required: false, - }, } } diff --git a/src/ui/FileForm.vue b/src/ui/FileForm.vue index 4f72063..2803723 100644 --- a/src/ui/FileForm.vue +++ b/src/ui/FileForm.vue @@ -9,7 +9,7 @@ :id="id" class="mt-2 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" type="file" - :class="class" + :class="$attrs.class" @change="convertFileToBase64($event.target.files)" > @@ -20,19 +20,18 @@ import { toBase64 } from '../util/file' export default { props: { modelValue: { + type: String, + default: null, }, label: { type: String, + default: null, required: false, }, id: { type: String, required: true, }, - class: { - type: String, - required: false, - }, }, emits: ['update:modelValue'], methods: { diff --git a/src/ui/InputForm.vue b/src/ui/InputForm.vue index f84a4e2..44053f2 100644 --- a/src/ui/InputForm.vue +++ b/src/ui/InputForm.vue @@ -10,7 +10,7 @@ class="mt-2 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50" :type="type" :value="modelValue" - :class="class" + :class="$attrs.class" @change="$emit('change', $event)" @input="$emit('update:modelValue', $event.target.value)" > @@ -20,9 +20,12 @@ export default { props: { modelValue: { + type: String, + default: null, }, label: { type: String, + default: null, required: false, }, type: { @@ -34,11 +37,7 @@ export default { type: String, required: true, }, - "class": { - type: String, - required: false, - }, }, - emits: ['update:modelValue'], + emits: ['update:modelValue', 'change'], } diff --git a/src/ui/RangeForm.vue b/src/ui/RangeForm.vue index 1ef36d6..5cf0d43 100644 --- a/src/ui/RangeForm.vue +++ b/src/ui/RangeForm.vue @@ -12,7 +12,7 @@ :min="min" :max="max" :step="step" - :class="class" + :class="$attrs.class" :value="modelValue" @input="$emit('update:modelValue', $event.target.value)" > @@ -22,9 +22,12 @@ export default { props: { modelValue: { + type: String, + default: null, }, label: { type: String, + default: null, required: false, }, id: { @@ -46,10 +49,6 @@ export default { required: false, default: 0.1, }, - "class": { - type: String, - required: false, - }, }, emits: ['update:modelValue'], } diff --git a/src/ui/SelectForm.vue b/src/ui/SelectForm.vue index c226411..2754a7c 100644 --- a/src/ui/SelectForm.vue +++ b/src/ui/SelectForm.vue @@ -8,7 +8,7 @@