Flag all Options API components.

frontend/vue/components/Admin/CustomFields/EditModal.vue

@@ -22,6 +22,8 @@ import AdminCustomFieldsForm from "~/components/Admin/CustomFields/Form.vue";
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 import {defineComponent} from "vue";
 
+/* TODO Options API */
+
 export default defineComponent({
     name: 'AdminCustomFieldsEditModal',
     components: {AdminCustomFieldsForm},

frontend/vue/components/Admin/Permissions/EditModal.vue

@@ -34,6 +34,8 @@ import AdminPermissionsStationForm from "./Form/StationForm";
 import {forEach, map} from 'lodash';
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 
+/* TODO Options API */
+
 export default {
     name: 'AdminPermissionsEditModal',
     components: {AdminPermissionsStationForm, AdminPermissionsGlobalForm},

frontend/vue/components/Admin/Stations/StationForm.vue

@@ -164,7 +164,7 @@ const props = defineProps({
     },
     editUrl: {
         type: String,
-        required: true
+        default: null
     },
     isEditMode: {
         type: Boolean,

frontend/vue/components/Admin/StorageLocations/EditModal.vue

@@ -20,6 +20,8 @@ import useVuelidate from "@vuelidate/core";
 import {computed} from "vue";
 import {useResettableRef} from "~/functions/useResettableRef";
 
+/* TODO Options API */
+
 export default {
     name: 'AdminStorageLocationsEditModal',
     components: {StorageLocationForm},

frontend/vue/components/Admin/Users/EditModal.vue

@@ -24,6 +24,8 @@ import AdminUsersForm from './Form.vue';
 import {map} from 'lodash';
 import validatePassword from "~/functions/validatePassword";
 
+/* TODO Options API */
+
 export default {
     name: 'AdminUsersEditModal',
     components: {AdminUsersForm},

frontend/vue/components/Common/AudioPlayer.vue

@@ -12,6 +12,8 @@ import Hls from 'hls.js';
 import {usePlayerStore} from "~/store.js";
 import {defineComponent} from "vue";
 
+/* TODO Options API */
+
 export default defineComponent({
     props: {
         title: {

frontend/vue/components/Common/BaseEditModal.vue

@@ -7,6 +7,8 @@ import useVuelidate from "@vuelidate/core";
 import ModalForm from "~/components/Common/ModalForm";
 import mergeExisting from "~/functions/mergeExisting";
 
+/* TODO Options API */
+
 export default {
     name: 'BaseEditModal',
     components: {ModalForm}, // eslint-disable-line

frontend/vue/components/Common/DataTable.vue

@@ -221,6 +221,8 @@ import {forEach, filter, map, defaultTo, includes} from 'lodash';
 import Icon from './Icon.vue';
 import {defineComponent} from "vue";
 
+/* TODO Options API */
+
 export default defineComponent({
     name: 'DataTable',
     components: {Icon},

frontend/vue/components/Common/DateRangeDropdown.vue

@@ -40,6 +40,8 @@ import DateRangePicker from 'vue3-daterange-picker';
 import Icon from "./Icon";
 import {DateTime} from 'luxon';
 
+/* TODO Options API */
+
 export default {
     name: 'DateRangeDropdown',
     components: {DateRangePicker, Icon},

frontend/vue/components/Common/LogList.vue

@@ -14,6 +14,8 @@
 </template>
 
 <script>
+/* TODO Options API */
+
 export default {
     name: 'LogList',
     props: {

frontend/vue/components/Common/ModalForm.vue

@@ -77,6 +77,8 @@ import InvisibleSubmitButton from "~/components/Common/InvisibleSubmitButton.vue
 import {defineComponent} from "vue";
 import {filter, includes} from "lodash";
 
+/* TODO Options API */
+
 export default defineComponent({
     components: {InvisibleSubmitButton},
     props: {

frontend/vue/components/Common/StreamingLogView.vue

@@ -24,6 +24,9 @@
 </template>
 
 <script>
+
+/* TODO Options API */
+
 export default {
     name: 'StreamingLogView',
     props: {

frontend/vue/components/Dashboard.vue

@@ -329,6 +329,8 @@ import Avatar from '~/components/Common/Avatar';
 import PlayButton from "~/components/Common/PlayButton";
 import AlbumArt from "~/components/Common/AlbumArt";
 
+/* TODO Options API */
+
 export default {
     components: {PlayButton, Avatar, Icon, TimeSeriesChart, AlbumArt},
     props: {

frontend/vue/components/Form/BFormFieldset.vue

@@ -1,4 +1,6 @@
 <script>
+/* TODO Options API */
+
 export default {
     name: 'BFormFieldset',
     methods: {

frontend/vue/components/Public/Requests.vue

@@ -44,6 +44,8 @@ import DataTable from '~/components/Common/DataTable';
 import {forEach} from 'lodash';
 import AlbumArt from '~/components/Common/AlbumArt';
 
+/* TODO Options API */
+
 export default {
     components: {AlbumArt, DataTable},
     props: {

frontend/vue/components/Stations/BulkMedia.vue

@@ -155,6 +155,9 @@
 </template>
 
 <script>
+
+/* TODO Options API */
+
 export default {
     name: 'StationsBulkMedia',
     props: {

frontend/vue/components/Stations/HlsStreams/EditModal.vue

@@ -24,6 +24,8 @@ import FormBasicInfo from './Form/BasicInfo';
 import mergeExisting from "~/functions/mergeExisting";
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {FormBasicInfo},

frontend/vue/components/Stations/Media.vue

@@ -262,6 +262,8 @@ import {forEach, map, partition} from 'lodash';
 import {DateTime} from 'luxon';
 import {useAzuraCast} from "~/vendor/azuracast";
 
+/* TODO Options API */
+
 export default {
     props: {
         listUrl: {

frontend/vue/components/Stations/Media/MediaToolbar.vue

@@ -153,6 +153,8 @@ import {forEach, intersection, map} from 'lodash';
 import Icon from '~/components/Common/Icon';
 import '~/vendor/sweetalert';
 
+/* TODO Options API */
+
 export default {
     name: 'StationMediaToolbar',
     components: {Icon},

frontend/vue/components/Stations/Media/MoveFilesModal.vue

@@ -76,6 +76,8 @@ import DataTable from '~/components/Common/DataTable.vue';
 import {forEach} from 'lodash';
 import Icon from '~/components/Common/Icon';
 
+/* TODO Options API */
+
 export default {
     name: 'MoveFilesModal',
     components: {Icon, DataTable},

frontend/vue/components/Stations/Mounts/EditModal.vue

@@ -46,6 +46,8 @@ import MountFormIntro from "./Form/Intro";
 import mergeExisting from "~/functions/mergeExisting";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {MountFormIntro, MountFormAdvanced, MountFormAutoDj, MountFormBasicInfo},

frontend/vue/components/Stations/Playlists.vue

@@ -229,6 +229,8 @@ import {DateTime} from 'luxon';
 import humanizeDuration from 'humanize-duration';
 import {useAzuraCast} from "~/vendor/azuracast";
 
+/* TODO Options API */
+
 export default {
     name: 'StationPlaylists',
     components: {CloneModal, Icon, QueueModal, ImportModal, ReorderModal, EditModal, Schedule, DataTable},

frontend/vue/components/Stations/Playlists/EditModal.vue

@@ -34,6 +34,8 @@ import FormAdvanced from './Form/Advanced';
 import BaseEditModal from '~/components/Common/BaseEditModal';
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {FormSchedule, FormBasicInfo, FormAdvanced},

frontend/vue/components/Stations/Playlists/Form/ScheduleRow.vue

@@ -166,6 +166,8 @@ import {required} from "@vuelidate/validators";
 import useVuelidate from "@vuelidate/core";
 import BWrappedFormCheckbox from "~/components/Form/BWrappedFormCheckbox.vue";
 
+/* TODO Options API */
+
 export default {
     name: 'PlaylistsFormScheduleRow',
     components: {BWrappedFormCheckbox, BWrappedFormGroup, Icon, PlaylistTime},

frontend/vue/components/Stations/Podcasts/EpisodeEditModal.vue

@@ -42,6 +42,8 @@ import {DateTime} from 'luxon';
 import mergeExisting from "~/functions/mergeExisting";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {EpisodeFormMedia, PodcastCommonArtwork, EpisodeFormBasicInfo},

frontend/vue/components/Stations/Podcasts/EpisodesView.vue

@@ -126,6 +126,8 @@ import AlbumArt from '~/components/Common/AlbumArt';
 import StationsCommonQuota from "~/components/Stations/Common/Quota";
 import episodesViewProps from "~/components/Stations/Podcasts/episodesViewProps";
 
+/* TODO Options API */
+
 export default {
     name: 'EpisodesView',
     components: {StationsCommonQuota, AlbumArt, Icon, EditModal, DataTable},

frontend/vue/components/Stations/Podcasts/ListView.vue

@@ -107,6 +107,8 @@ import AlbumArt from '~/components/Common/AlbumArt';
 import StationsCommonQuota from "~/components/Stations/Common/Quota";
 import listViewProps from "./listViewProps";
 
+/* TODO Options API */
+
 export default {
     name: 'ListView',
     components: {StationsCommonQuota, AlbumArt, EditModal, DataTable},

frontend/vue/components/Stations/Podcasts/PodcastEditModal.vue

@@ -36,6 +36,8 @@ import PodcastCommonArtwork from './Common/Artwork';
 import mergeExisting from "~/functions/mergeExisting";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {PodcastCommonArtwork, PodcastFormBasicInfo},

frontend/vue/components/Stations/Queue.vue

@@ -77,6 +77,8 @@ import Icon from "~/components/Common/Icon";
 import {DateTime} from 'luxon';
 import {useAzuraCast} from "~/vendor/azuracast";
 
+/* TODO Options API */
+
 export default {
     name: 'StationQueue',
     components: {QueueLogsModal, DataTable, Icon},

frontend/vue/components/Stations/Remotes/EditModal.vue

@@ -26,6 +26,8 @@ import RemoteFormAutoDj from "./Form/AutoDj";
 import {REMOTE_ICECAST} from "~/components/Entity/RadioAdapters";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'RemoteEditModal',
     components: {

frontend/vue/components/Stations/Remotes/Form/AutoDj.vue

@@ -137,6 +137,8 @@
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import BWrappedFormCheckbox from "~/components/Form/BWrappedFormCheckbox";
 
+/* TODO Options API */
+
 export default {
     name: 'RemoteFormAutoDj',
     components: {BWrappedFormCheckbox, BWrappedFormGroup},

frontend/vue/components/Stations/Remotes/Form/BasicInfo.vue

@@ -108,6 +108,8 @@ import {REMOTE_ICECAST, REMOTE_SHOUTCAST1, REMOTE_SHOUTCAST2} from '~/components
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import BWrappedFormCheckbox from "~/components/Form/BWrappedFormCheckbox";
 
+/* TODO Options API */
+
 export default {
     name: 'RemoteFormBasicInfo',
     components: {BWrappedFormCheckbox, BWrappedFormGroup},

frontend/vue/components/Stations/Reports/Listeners.vue

@@ -156,6 +156,8 @@ import DataTable from "~/components/Common/DataTable";
 import DateRangeDropdown from "~/components/Common/DateRangeDropdown";
 import {DateTime} from 'luxon';
 
+/* TODO Options API */
+
 export default {
     name: 'StationReportsListeners',
     components: {DateRangeDropdown, DataTable, StationReportsListenersMap, Icon},

frontend/vue/components/Stations/Reports/Overview.vue

@@ -115,6 +115,8 @@ import StreamsTab from "./Overview/StreamsTab";
 import ClientsTab from "./Overview/ClientsTab";
 import ListeningTimeTab from "~/components/Stations/Reports/Overview/ListeningTimeTab";
 
+/* TODO Options API */
+
 export default {
     components: {
         ListeningTimeTab,

frontend/vue/components/Stations/Reports/Requests.vue

@@ -83,6 +83,8 @@ import Icon from "~/components/Common/Icon";
 import {DateTime} from 'luxon';
 import {useAzuraCast} from "~/vendor/azuracast";
 
+/* TODO Options API */
+
 export default {
     name: 'StationRequests',
     components: {DataTable, Icon},

frontend/vue/components/Stations/Reports/SoundExchange.vue

@@ -119,6 +119,8 @@ import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import BFormFieldset from "~/components/Form/BFormFieldset";
 import BWrappedFormCheckbox from "~/components/Form/BWrappedFormCheckbox";
 
+/* TODO Options API */
+
 export default {
     name: 'StationsReportsSoundExchange',
     components: {BWrappedFormGroup, BFormFieldset, BWrappedFormCheckbox},

frontend/vue/components/Stations/SftpUsers.vue

@@ -87,6 +87,8 @@ import DataTable from "~/components/Common/DataTable";
 import SftpUsersEditModal from "./SftpUsers/EditModal";
 import Icon from "~/components/Common/Icon";
 
+/* TODO Options API */
+
 export default {
     name: 'SftpUsers',
     components: {Icon, SftpUsersEditModal, DataTable},

frontend/vue/components/Stations/SftpUsers/EditModal.vue

@@ -20,6 +20,8 @@ import BaseEditModal from '~/components/Common/BaseEditModal';
 import SftpUsersForm from "./Form";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'SftpUsersEditModal',
     components: {SftpUsersForm},

frontend/vue/components/Stations/Streamers.vue

@@ -127,6 +127,8 @@ import Icon from '~/components/Common/Icon';
 import ConnectionInfo from "./Streamers/ConnectionInfo";
 import AlbumArt from "~/components/Common/AlbumArt";
 
+/* TODO Options API */
+
 export default {
     name: 'StationStreamers',
     components: {AlbumArt, ConnectionInfo, Icon, EditModal, BroadcastsModal, DataTable, Schedule},

frontend/vue/components/Stations/Streamers/EditModal.vue

@@ -36,6 +36,8 @@ import BaseEditModal from '~/components/Common/BaseEditModal';
 import mergeExisting from "~/functions/mergeExisting";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {FormBasicInfo, FormSchedule, FormArtwork},

frontend/vue/components/Stations/Streamers/Form/ScheduleRow.vue

@@ -135,6 +135,8 @@ import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup.vue";
 import {required} from "@vuelidate/validators";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'StreamersFormScheduleRow',
     components: {BWrappedFormGroup, Icon, PlaylistTime},

frontend/vue/components/Stations/Webhooks.vue

@@ -104,6 +104,8 @@ import InfoCard from "~/components/Common/InfoCard";
 import {get, map} from 'lodash';
 import StreamingLogModal from "~/components/Common/StreamingLogModal";
 
+/* TODO Options API */
+
 export default {
     name: 'StationWebhooks',
     components: {StreamingLogModal, InfoCard, Icon, EditModal, DataTable},

frontend/vue/components/Stations/Webhooks/EditModal.vue

@@ -56,6 +56,8 @@ import MatomoAnalytics from "./Form/MatomoAnalytics";
 import Mastodon from "./Form/Mastodon";
 import useVuelidate from "@vuelidate/core";
 
+/* TODO Options API */
+
 export default {
     name: 'EditModal',
     components: {BasicInfo, TypeSelect},

frontend/vue/components/Stations/Webhooks/Form/Common/RateLimitFields.vue

@@ -20,6 +20,8 @@
 <script>
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 
+/* TODO Options API */
+
 export default {
     name: 'CommonRateLimitFields',
     components: {BWrappedFormGroup},

frontend/vue/components/Stations/Webhooks/Form/Common/SocialPostFields.vue

@@ -86,6 +86,8 @@ import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import CommonFormattingInfo from "./FormattingInfo";
 import {includes} from 'lodash';
 
+/* TODO Options API */
+
 export default {
     name: 'CommonSocialPostFields',
     components: {CommonFormattingInfo, BWrappedFormGroup},