From df6eb9c99df39fdd1b693a8500e972ad0cfd2c1a Mon Sep 17 00:00:00 2001
From: Buster Neece <buster@busterneece.com>
Date: Mon, 26 Dec 2022 02:34:29 -0600
Subject: [PATCH] Pull drillable Podcasts props out into separate files.

---
 frontend/vue/components/Stations/Podcasts.vue   | 10 ++++++----
 .../Stations/Podcasts/EpisodesView.vue          | 11 ++---------
 .../components/Stations/Podcasts/ListView.vue   | 17 ++++-------------
 .../Stations/Podcasts/episodesViewProps.js      |  5 +++++
 .../Stations/Podcasts/listViewProps.js          |  9 +++++++++
 5 files changed, 26 insertions(+), 26 deletions(-)
 create mode 100644 frontend/vue/components/Stations/Podcasts/episodesViewProps.js
 create mode 100644 frontend/vue/components/Stations/Podcasts/listViewProps.js

diff --git a/frontend/vue/components/Stations/Podcasts.vue b/frontend/vue/components/Stations/Podcasts.vue
index c054f1c82..ac7fb0050 100644
--- a/frontend/vue/components/Stations/Podcasts.vue
+++ b/frontend/vue/components/Stations/Podcasts.vue
@@ -5,13 +5,15 @@
 </template>
 
 <script setup>
-import EpisodesView, {episodeViewProps} from './Podcasts/EpisodesView';
-import ListView, {listViewProps} from './Podcasts/ListView';
+import EpisodesView from './Podcasts/EpisodesView';
+import ListView from './Podcasts/ListView';
 import {ref} from "vue";
+import episodesViewProps from "./Podcasts/episodesViewProps";
+import listViewProps from "./Podcasts/listViewProps";
 
 const props = defineProps({
-    ...episodeViewProps.props,
-    ...listViewProps.props
+    ...episodesViewProps,
+    ...listViewProps
 });
 
 const activePodcast = ref(null);
diff --git a/frontend/vue/components/Stations/Podcasts/EpisodesView.vue b/frontend/vue/components/Stations/Podcasts/EpisodesView.vue
index 8b1a785be..d78e1ccbe 100644
--- a/frontend/vue/components/Stations/Podcasts/EpisodesView.vue
+++ b/frontend/vue/components/Stations/Podcasts/EpisodesView.vue
@@ -76,20 +76,13 @@ import AlbumArt from '~/components/Common/AlbumArt';
 import EpisodeFormBasicInfo from './EpisodeForm/BasicInfo';
 import PodcastCommonArtwork from './Common/Artwork';
 import StationsCommonQuota from "~/components/Stations/Common/Quota";
-
-export const episodeViewProps = {
-    props: {
-        locale: String,
-        stationTimeZone: String,
-        quotaUrl: String
-    }
-};
+import episodesViewProps from "~/components/Stations/Podcasts/episodesViewProps";
 
 export default {
     name: 'EpisodesView',
     components: {StationsCommonQuota, PodcastCommonArtwork, EpisodeFormBasicInfo, AlbumArt, Icon, EditModal, DataTable},
-    mixins: [episodeViewProps],
     props: {
+        ...episodesViewProps,
         podcast: Object
     },
     emits: ['clear-podcast'],
diff --git a/frontend/vue/components/Stations/Podcasts/ListView.vue b/frontend/vue/components/Stations/Podcasts/ListView.vue
index 131c1b47b..914183330 100644
--- a/frontend/vue/components/Stations/Podcasts/ListView.vue
+++ b/frontend/vue/components/Stations/Podcasts/ListView.vue
@@ -57,23 +57,14 @@ import DataTable from '~/components/Common/DataTable';
 import EditModal from './PodcastEditModal';
 import AlbumArt from '~/components/Common/AlbumArt';
 import StationsCommonQuota from "~/components/Stations/Common/Quota";
-
-export const listViewProps = {
-    props: {
-        listUrl: String,
-        newArtUrl: String,
-        quotaUrl: String,
-        locale: String,
-        stationTimeZone: String,
-        languageOptions: Object,
-        categoriesOptions: Object
-    }
-};
+import listViewProps from "./listViewProps";
 
 export default {
     name: 'ListView',
     components: {StationsCommonQuota, AlbumArt, EditModal, DataTable},
-    mixins: [listViewProps],
+    props: {
+        ...listViewProps
+    },
     emits: ['select-podcast'],
     data() {
         return {
diff --git a/frontend/vue/components/Stations/Podcasts/episodesViewProps.js b/frontend/vue/components/Stations/Podcasts/episodesViewProps.js
new file mode 100644
index 000000000..7b9f8da39
--- /dev/null
+++ b/frontend/vue/components/Stations/Podcasts/episodesViewProps.js
@@ -0,0 +1,5 @@
+export default {
+    locale: String,
+    stationTimeZone: String,
+    quotaUrl: String
+}
diff --git a/frontend/vue/components/Stations/Podcasts/listViewProps.js b/frontend/vue/components/Stations/Podcasts/listViewProps.js
new file mode 100644
index 000000000..34b71abb2
--- /dev/null
+++ b/frontend/vue/components/Stations/Podcasts/listViewProps.js
@@ -0,0 +1,9 @@
+export default {
+    listUrl: String,
+    newArtUrl: String,
+    quotaUrl: String,
+    locale: String,
+    stationTimeZone: String,
+    languageOptions: Object,
+    categoriesOptions: Object
+}