Pull drillable Station Form props into separate file.

frontend/vue/components/Admin/Stations.vue

@@ -52,10 +52,10 @@
 import DataTable from '~/components/Common/DataTable';
 import Icon from '~/components/Common/Icon';
 import InfoCard from '~/components/Common/InfoCard';
-import {stationFormProps} from "./Stations/StationForm.vue";
 import AdminStationsEditModal from "./Stations/EditModal";
 import _ from "lodash";
-import AdminStationsCloneModal from "~/components/Admin/Stations/CloneModal";
+import AdminStationsCloneModal from "./Stations/CloneModal";
+import stationFormProps from "./Stations/stationFormProps";
 
 export default {
     name: 'AdminPermissions',

frontend/vue/components/Admin/Stations/EditModal.vue

@@ -21,11 +21,12 @@
 </template>
 
 <script setup>
-import AdminStationsForm, {stationFormProps} from "~/components/Admin/Stations/StationForm.vue";
+import AdminStationsForm from "~/components/Admin/Stations/StationForm.vue";
 import InvisibleSubmitButton from "~/components/Common/InvisibleSubmitButton.vue";
 import {computed, ref} from "vue";
 import {useTranslate} from "~/vendor/gettext";
 import {BModal} from "bootstrap-vue";
+import stationFormProps from "~/components/Admin/Stations/stationFormProps";
 
 const props = defineProps({
     ...stationFormProps,

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

@@ -90,32 +90,6 @@
 <script>
 import {defineComponent} from "vue";
 
-export const stationFormProps = {
-    // Global
-    showAdminTab: {
-        type: Boolean,
-        default: true
-    },
-    showAdvanced: {
-        type: Boolean,
-        default: true
-    },
-    // Profile
-    timezones: Object,
-    // Frontend
-    isShoutcastInstalled: {
-        type: Boolean,
-        default: false
-    },
-    isStereoToolInstalled: {
-        type: Boolean,
-        default: false
-    },
-    countries: Object,
-    // Admin
-    storageLocationApiUrl: String
-};
-
 export default defineComponent({
     inheritAttrs: false
 });
@@ -137,6 +111,7 @@ import {useAxios} from "~/vendor/axios";
 import mergeExisting from "~/functions/mergeExisting";
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 import {isArray, merge, mergeWith} from "lodash";
+import stationFormProps from "~/components/Admin/Stations/stationFormProps";
 
 const props = defineProps({
     ...stationFormProps,

frontend/vue/components/Admin/Stations/stationFormProps.js

@@ -0,0 +1,25 @@
+export default {
+    // Global
+    showAdminTab: {
+        type: Boolean,
+        default: true
+    },
+    showAdvanced: {
+        type: Boolean,
+        default: true
+    },
+    // Profile
+    timezones: Object,
+    // Frontend
+    isShoutcastInstalled: {
+        type: Boolean,
+        default: false
+    },
+    isStereoToolInstalled: {
+        type: Boolean,
+        default: false
+    },
+    countries: Object,
+    // Admin
+    storageLocationApiUrl: String
+}

frontend/vue/components/Setup/Station.vue

@@ -24,13 +24,14 @@
 </template>
 
 <script setup>
-import AdminStationsForm, {stationFormProps} from "~/components/Admin/Stations/StationForm";
+import AdminStationsForm from "~/components/Admin/Stations/StationForm";
 import SetupStep from "./SetupStep";
 import InfoCard from "~/components/Common/InfoCard";
 import {onMounted, ref} from "vue";
+import stationFormProps from "~/components/Admin/Stations/stationFormProps";
 
 const props = defineProps({
-    ...StationFormProps,
+    ...stationFormProps,
     createUrl: String,
     continueUrl: {
         type: String,

frontend/vue/components/Stations/ProfileEdit.vue

@@ -12,8 +12,9 @@
 </template>
 
 <script setup>
-import AdminStationsForm, {stationFormProps} from "~/components/Admin/Stations/StationForm";
+import AdminStationsForm from "~/components/Admin/Stations/StationForm";
 import {onMounted, ref} from "vue";
+import stationFormProps from "~/components/Admin/Stations/stationFormProps";
 
 const props = defineProps({
     ...stationFormProps,