@saooti/octopus-sdk 30.0.3 → 30.0.7

package/README.md

@@ -495,7 +495,13 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 29.0.26 Snackbar position
  * 29.0.27 Petit cursor:pointer des familles
  * 29.0.28 Petite couleur des familles
+ * 29.0.29 Amélioration Popover
+ * 29.0.30 Amélioration Popover
 
  * 30.0.1 Nouveau sprint
  * 30.0.2 Correction css
  * 30.0.3 Ajout tag page podcast
+ * 30.0.4 Remplacer la version "classique" des miniplayers par la version beta
+ * 30.0.5 Tri des classes dans des sous dossiers
+ * 30.0.6 Merge 29
+ * 30.0.7 Améliorations css

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.3",
+  "version": "30.0.7",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/App.vue

@@ -24,12 +24,12 @@ import LeftMenu from '@/components/misc/LeftMenu.vue';
 import Footer from '@/components/misc/Footer.vue';
 import CategoryFilter from '@/components/display/categories/CategoryFilter.vue';
 import { state } from './store/paramStore';
-import { Rubriquage } from './store/class/rubriquage';
-import { RubriquageFilter } from './store/class/rubriquageFilter';
-import { Rubrique } from './store/class/rubrique';
+import { Rubriquage } from './store/class/rubrique/rubriquage';
+import { RubriquageFilter } from './store/class/rubrique/rubriquageFilter';
+import { Rubrique } from './store/class/rubrique/rubrique';
 import { initSDK } from './components/mixins/init';
 import { defineComponent } from 'vue'
-import { Category } from './store/class/category';
+import { Category } from './store/class/general/category';
 export default defineComponent({
   name: 'App',
   

package/src/api/comments.ts

@@ -1,4 +1,4 @@
-import { CommentPodcast } from "@/store/class/comment";
+import { CommentPodcast } from "@/store/class/general/comment";
 import { StoreState } from "@/store/typeAppStore";
 
 import octopusApi from '@saooti/octopus-api';

package/src/assets/form.scss

@@ -35,21 +35,6 @@
 		cursor: pointer;
 	}
 
-	.basic-select{
-	background: white;
-	min-height: 40px;
-	text-align: left;
-	color: #35495e;
-	padding: 0.5rem;
-	border-radius: 0.3rem;
-	border-style: none;
-	outline: transparent;
-	width: 350px;
-	margin-bottom: 1rem;
-	overflow: hidden;
-  text-overflow: ellipsis;
-	}
-
 	.filter-search-input{
 	flex-grow: 1;
 	height: 2rem;

package/src/assets/multiselect.scss

@@ -7,7 +7,7 @@
     .default-multiselect-width {
         width: 100%;
     }
-    .default-multiselect-width .basic-select {
+    .default-multiselect-width {
         width: auto;
         -webkit-appearance: none;
         -moz-appearance: none;

package/src/components/display/categories/CategoryChooser.vue

@@ -75,7 +75,7 @@ const getDefaultCategory = (defaultName: string) => {
   return { name: defaultName, id: 0 };
 };
 
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   components: {

package/src/components/display/categories/CategoryFilter.vue

@@ -60,10 +60,10 @@
 </template>
 
 <script lang="ts">
-import { Category } from '@/store/class/category';
-import { Rubriquage } from '@/store/class/rubriquage';
-import { RubriquageFilter } from '@/store/class/rubriquageFilter';
-import { Rubrique } from '@/store/class/rubrique';
+import { Category } from '@/store/class/general/category';
+import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const CategoryList = defineAsyncComponent(() => import('./CategoryList.vue'));
 const RubriqueList = defineAsyncComponent(() => import('./../rubriques/RubriqueList.vue'));

package/src/components/display/categories/CategoryList.vue

@@ -44,7 +44,7 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../../store/paramStore';
 
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CategoryList',

package/src/components/display/comments/CommentInput.vue

@@ -80,9 +80,9 @@ import octopusApi from '@saooti/octopus-api';
 import commentApi from '@/api/comments';
 import { cookies } from '../../mixins/functions';
 import { state } from '../../../store/paramStore';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
-import { CommentPodcast } from '@/store/class/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
 const AddCommentModal = defineAsyncComponent(() => import('./AddCommentModal.vue'));

package/src/components/display/comments/CommentItem.vue

@@ -18,13 +18,13 @@
         <template v-else>
           <b
             :id="'popover-comment' + comment.comId"
+            tabindex="-1"
             class="mr-2 text-danger"
           >{{
             comment.name
           }}</b>
           <Popover
             :target="'popover-comment' + comment.comId"
-            triggers="hover"
             custom-class="wizard-help"
           >
             {{ $t('Comment waiting') }}
@@ -182,9 +182,9 @@
 <script lang="ts">
 import { state } from '../../../store/paramStore';
 import { displayMethods, selenium } from '../../mixins/functions';
-import { CommentPodcast } from '@/store/class/comment';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 import moment from 'moment';
 import Popover from '../../misc/Popover.vue';
 import { defineComponent, defineAsyncComponent } from 'vue';

package/src/components/display/comments/CommentList.vue

@@ -52,11 +52,11 @@ import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
 
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
-import { CommentPodcast } from '@/store/class/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 /* eslint-disable */
 const CommentItem: any = defineAsyncComponent(() => import('./CommentItem.vue'));
 /* eslint-enable */

package/src/components/display/comments/CommentParentInfo.vue

@@ -35,7 +35,7 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CommentParentInfo',

package/src/components/display/comments/CommentPlayer.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { selenium } from '../../mixins/functions';
 import { defineComponent } from 'vue'
 export default defineComponent({

package/src/components/display/comments/CommentSection.vue

@@ -43,12 +43,12 @@
 import CommentList from './CommentList.vue';
 import CommentInput from './CommentInput.vue';
 import { cookies } from '../../mixins/functions';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 
 import { defineComponent } from 'vue'
 import CommentListVue from './CommentList.vue';
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 export default defineComponent({
   name: 'CommentSection',
 

package/src/components/display/edit/EditBox.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   methods:{

package/src/components/display/edit/EditCommentBox.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   props: {

package/src/components/display/emission/EmissionChooser.vue

@@ -107,9 +107,9 @@ const getDefaultEmission = (defaultName: string): Emission|undefined => {
   };
 };
 
-import { Emission } from '@/store/class/emission';
+import { Emission } from '@/store/class/general/emission';
 import { defineComponent } from 'vue'
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 export default defineComponent({
   components: {
     VueMultiselect

package/src/components/display/emission/EmissionInlineList.vue

@@ -74,8 +74,8 @@ import { state } from '../../../store/paramStore';
 
 const PHONE_WIDTH = 960;
 
-import { Emission } from '@/store/class/emission';
-import { Rubrique } from '@/store/class/rubrique';
+import { Emission } from '@/store/class/general/emission';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'EmissionInlineList',

package/src/components/display/emission/EmissionItem.vue

@@ -89,7 +89,7 @@
 </template>
 
 <script lang="ts">
-import { Emission } from '@/store/class/emission';
+import { Emission } from '@/store/class/general/emission';
 import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import { displayMethods } from '../../mixins/functions';

package/src/components/display/emission/EmissionList.vue

@@ -63,10 +63,10 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../../store/paramStore';
 
-import { Emission } from '@/store/class/emission';
-import { Rubrique } from '@/store/class/rubrique';
+import { Emission } from '@/store/class/general/emission';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 const EmissionItem = defineAsyncComponent(() => import('./EmissionItem.vue'));
 const EmissionPlayerItem = defineAsyncComponent(() => import('./EmissionPlayerItem.vue'));
 export default defineComponent({

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -122,8 +122,8 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-import { Emission } from '@/store/class/emission';
-import { Podcast } from '@/store/class/podcast';
+import { Emission } from '@/store/class/general/emission';
+import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import { displayMethods } from '../../mixins/functions';
 import { defineComponent } from 'vue'

package/src/components/display/filter/AdvancedSearch.vue

@@ -204,7 +204,7 @@ import { state } from '../../../store/paramStore';
 import moment from 'moment';
 import CategoryFilter from './CategoryFilter.vue';
 import RubriqueFilter from './RubriqueFilter.vue';
-import { RubriquageFilter } from '@/store/class/rubriquageFilter';
+import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { DatePicker } from 'v-calendar';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const MonetizableFilter = defineAsyncComponent(() => import('./MonetizableFilter.vue'));
@@ -436,10 +436,6 @@ export default defineComponent({
       }
     }
     padding: 1rem;
-    .basic-select {
-      width: 100%;
-      margin: 0 !important;
-    }
 
     label.wrap {
       width: 100%;

package/src/components/display/filter/CategoryFilter.vue

@@ -22,7 +22,7 @@
 
 <script lang="ts">
 import CategoryChooser from '../categories/CategoryChooser.vue';
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   components: {

package/src/components/display/filter/MonetizableFilter.vue

@@ -8,7 +8,7 @@
       <select
         ref="select"
         v-model="monetization"
-        class="basic-select ms-2 mb-0 border c-hand"
+        class="ms-2 mb-0 c-hand"
         @change="onChange"
       >
         <option

package/src/components/display/filter/ProductorSearch.vue

@@ -61,7 +61,7 @@
 <script lang="ts">
 import { state } from '../../../store/paramStore';
 import { orgaFilter } from '../../mixins/organisationFilter';
-import { Organisation } from '@/store/class/organisation';
+import { Organisation } from '@/store/class/general/organisation';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const OrganisationChooser = defineAsyncComponent(() => import('../organisation/OrganisationChooser.vue'));
 export default defineComponent({

package/src/components/display/filter/RubriqueChoice.vue

@@ -3,7 +3,7 @@
     <label class="wrap">
       <select
         v-model="rubriquageId"
-        class="basic-select ms-2 mb-0 border c-hand"
+        class="ms-2 mb-0 c-hand"
         @change="onRubriquageSelected"
       >
         <option
@@ -46,8 +46,8 @@
 </template>
 
 <script lang="ts">
-import { Rubriquage } from '@/store/class/rubriquage';
-import { Rubrique } from '@/store/class/rubrique';
+import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RubriqueChooser = defineAsyncComponent(() => import('../rubriques/RubriqueChooser.vue'));
 export default defineComponent({

package/src/components/display/filter/RubriqueFilter.vue

@@ -44,8 +44,8 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-import { Rubriquage } from '@/store/class/rubriquage';
-import { RubriquageFilter } from '@/store/class/rubriquageFilter';
+import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RubriqueChoice = defineAsyncComponent(() => import('./RubriqueChoice.vue'));
 export default defineComponent({

package/src/components/display/live/LiveHorizontalList.vue

@@ -34,7 +34,7 @@ import octopusApi from '@saooti/octopus-api';
 import PodcastItem from '../podcasts/PodcastItem.vue';
 import { state } from '../../../store/paramStore';
 
-import { Podcast } from '@/store/class/podcast';
+import { Podcast } from '@/store/class/general/podcast';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'LiveHorizontalList',

package/src/components/display/live/LiveItem.vue

@@ -131,8 +131,8 @@ import moment from 'moment';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import { displayMethods } from '../../mixins/functions';
-import { Podcast } from '@/store/class/podcast';
-import { Participant } from '@/store/class/participant';
+import { Podcast } from '@/store/class/general/podcast';
+import { Participant } from '@/store/class/general/participant';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
 const RecordingItemButton = defineAsyncComponent(() => import('@/components/display/studio/RecordingItemButton.vue'));

package/src/components/display/live/LiveList.vue

@@ -116,7 +116,7 @@ import LiveItem from './LiveItem.vue';
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
 import { state } from '../../../store/paramStore';
-import { Conference } from '@/store/class/conference';
+import { Conference } from '@/store/class/conference/conference';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'LiveList',

package/src/components/display/organisation/OrganisationChooser.vue

@@ -119,7 +119,7 @@ import { selenium } from '../../mixins/functions';
 import VueMultiselect from 'vue-multiselect';
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../../store/paramStore';
-import { Organisation } from '@/store/class/organisation';
+import { Organisation } from '@/store/class/general/organisation';
 
 const ELEMENTS_COUNT = 50;
 const DEFAULT_ORGANISATION_ID = "";

package/src/components/display/organisation/OrganisationChooserLight.vue

@@ -7,7 +7,7 @@
     <select
       :id="'organisation_chooser_light' + page"
       v-model="actual"
-      class="basic-select mb-0 c-hand"
+      class="mb-0 c-hand border-0"
       @change="onOrganisationSelected"
     >
       <option :value="organisation.id">
@@ -28,7 +28,7 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 
-import { Organisation } from '@/store/class/organisation';
+import { Organisation } from '@/store/class/general/organisation';
 import { defineComponent } from 'vue'
 export default defineComponent({
   props: {

package/src/components/display/participant/ParticipantItem.vue

@@ -63,7 +63,7 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-import { Participant } from '@/store/class/participant';
+import { Participant } from '@/store/class/general/participant';
 import { state } from '../../../store/paramStore';
 import { displayMethods } from '../../mixins/functions';
 import { defineComponent } from 'vue'

package/src/components/display/participant/ParticipantList.vue

@@ -43,7 +43,7 @@
 import octopusApi from '@saooti/octopus-api';
 import ParticipantItem from './ParticipantItem.vue';
 
-import { Participant } from '@/store/class/participant';
+import { Participant } from '@/store/class/general/participant';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'ParticipantList',

package/src/components/display/playlist/PlaylistItem.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script lang="ts">
-import { Playlist } from '@/store/class/playlist';
+import { Playlist } from '@/store/class/general/playlist';
 import { state } from '../../../store/paramStore';
 import { displayMethods } from '../../mixins/functions';
 import { defineComponent } from 'vue'

package/src/components/display/playlist/PlaylistList.vue

@@ -43,7 +43,7 @@ import octopusApi from '@saooti/octopus-api';
 import PlaylistItem from './PlaylistItem.vue';
 import { state } from '../../../store/paramStore';
 
-import { Playlist } from '@/store/class/playlist';
+import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PlaylistList',

package/src/components/display/playlist/PodcastList.vue

@@ -79,8 +79,8 @@ import octopusApi from '@saooti/octopus-api';
 import PodcastItem from '../podcasts/PodcastItem.vue';
 import { state } from '../../../store/paramStore';
 
-import { Podcast } from '@/store/class/podcast';
-import { Playlist } from '@/store/class/playlist';
+import { Podcast } from '@/store/class/general/podcast';
+import { Playlist } from '@/store/class/general/playlist';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastList',

package/src/components/display/podcasts/AnimatorsItem.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script lang="ts">
-import { Participant } from '@/store/class/participant';
+import { Participant } from '@/store/class/general/participant';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'AnimatorsItem',

package/src/components/display/podcasts/ParticipantDescription.vue

@@ -6,13 +6,13 @@
     {{ title }}
     <span
       :id="idPopover"
+      tabindex="-1"
       class="saooti-help m-0"
       :aria-label="$t('Help')"
     />
     <span class="mx-1">:</span>
     <Popover
       :target="idPopover"
-      triggers="hover"
       custom-class="participant-help"
     >
       <div class="text-center font-weight-bold">
@@ -55,7 +55,7 @@
 
 <script lang="ts">
 import Popover from '../../misc/Popover.vue';
-import { Participant } from '@/store/class/participant';
+import { Participant } from '@/store/class/general/participant';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'ParticipantDescription',

package/src/components/display/podcasts/PodcastFilterList.vue

@@ -51,9 +51,9 @@
 <script lang="ts">
 
 import PodcastList from './PodcastList.vue';
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { Podcast } from '@/store/class/podcast';
+import { Podcast } from '@/store/class/general/podcast';
 const CategoryChooser = defineAsyncComponent(() => import('../categories/CategoryChooser.vue'));
 export default defineComponent({
   components: {

package/src/components/display/podcasts/PodcastImage.vue

@@ -96,8 +96,8 @@
 import { mapState } from 'vuex';
 import { state } from '../../../store/paramStore';
 import {StoreState} from '@/store/typeAppStore';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastImage',

package/src/components/display/podcasts/PodcastInlineList.vue

@@ -88,8 +88,8 @@ import PodcastItem from './PodcastItem.vue';
 
 const PHONE_WIDTH = 960;
 
-import { Podcast } from '@/store/class/podcast';
-import { RubriquageFilter } from '@/store/class/rubriquageFilter';
+import { Podcast } from '@/store/class/general/podcast';
+import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
 import { defineComponent } from 'vue'
 import { RouteLocationRaw } from 'vue-router';
 export default defineComponent({

package/src/components/display/podcasts/PodcastItem.vue

@@ -89,8 +89,8 @@ import moment from 'moment';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 
-import { Podcast } from '@/store/class/podcast';
-import { Category } from '@/store/class/category';
+import { Podcast } from '@/store/class/general/podcast';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'PodcastItem',

package/src/components/display/podcasts/PodcastList.vue

@@ -49,9 +49,9 @@ import octopusApi from '@saooti/octopus-api';
 import PodcastItem from './PodcastItem.vue';
 import { state } from '../../../store/paramStore';
 
-import { Podcast } from '@/store/class/podcast';
+import { Podcast } from '@/store/class/general/podcast';
 import { defineComponent } from 'vue'
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 export default defineComponent({
   name: 'PodcastList',
 

package/src/components/display/podcasts/PodcastModuleBox.vue

@@ -160,8 +160,8 @@ import moment from 'moment';
 // @ts-ignore
 import humanizeDuration from 'humanize-duration';
 import { displayMethods } from '../../mixins/functions';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
 const ShareButtons = defineAsyncComponent(() => import('../sharing/ShareButtons.vue'));

package/src/components/display/podcasts/TagList.vue

@@ -39,11 +39,10 @@ export default defineComponent({
   components: {
     Popover
   },
+  mixins:[tagOfMixins],
   props: {
     tagList: { default: () => [], type: Array as ()=>Array<string>},
   },
-  mixins:[tagOfMixins],
-
   methods: {
   },
 })