Fix issue with attributes on station profile.

frontend/vue/Stations/Profile.vue

@@ -52,6 +52,7 @@ import {BACKEND_NONE, FRONTEND_REMOTE} from '../Entity/RadioAdapters.js';
 import NowPlaying from '../Entity/NowPlaying';
 
 export default {
+    inheritAttrs: false,
     components: {
         ProfileBackend,
         ProfileBackendNone,

frontend/vue/Stations/Profile/BackendNonePanel.vue

@@ -8,3 +8,9 @@
         </div>
     </section>
 </template>
+
+<script>
+export default {
+    inheritAttrs: false,
+}
+</script>

frontend/vue/Stations/Profile/BackendPanel.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { BACKEND_LIQUIDSOAP } from '../../Entity/RadioAdapters.js';
+import {BACKEND_LIQUIDSOAP} from '../../Entity/RadioAdapters.js';
 import Icon from '../../Common/Icon';
 
 export const profileBackendProps = {
@@ -57,15 +57,16 @@ export const profileBackendProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileBackendProps],
     props: {
         np: Object
     },
     computed: {
-        langTotalTracks () {
+        langTotalTracks() {
             let numSongsRaw = this.$ngettext('%{numSongs} uploaded song', '%{numSongs} uploaded songs', this.numSongs);
-            let numSongs = this.$gettextInterpolate(numSongsRaw, { numSongs: this.numSongs });
+            let numSongs = this.$gettextInterpolate(numSongsRaw, {numSongs: this.numSongs});
 
             let numPlaylistsRaw = this.$ngettext('%{numPlaylists} playlist', '%{numPlaylists} playlists', this.numPlaylists);
             let numPlaylists = this.$gettextInterpolate(numPlaylistsRaw, { numPlaylists: this.numPlaylists });

frontend/vue/Stations/Profile/EmbedModal.vue

@@ -78,9 +78,10 @@ export const profileEmbedModalProps = {
 };
 
 export default {
-    components: { CopyToClipboardButton },
+    inheritAttrs: false,
+    components: {CopyToClipboardButton},
     mixins: [profileEmbedModalProps],
-    data () {
+    data() {
         let types = [
             {
                 value: 'player',

frontend/vue/Stations/Profile/FrontendPanel.vue

@@ -66,7 +66,7 @@
 </template>
 
 <script>
-import { FRONTEND_ICECAST, FRONTEND_SHOUTCAST } from '../../Entity/RadioAdapters.js';
+import {FRONTEND_ICECAST, FRONTEND_SHOUTCAST} from '../../Entity/RadioAdapters.js';
 import CopyToClipboardButton from '../../Common/CopyToClipboardButton';
 import Icon from '../../Common/Icon';
 
@@ -85,13 +85,14 @@ export const profileFrontendProps = {
 };
 
 export default {
-    components: { Icon, CopyToClipboardButton },
+    inheritAttrs: false,
+    components: {Icon, CopyToClipboardButton},
     mixins: [profileFrontendProps],
     props: {
         np: Object
     },
     computed: {
-        frontendName () {
+        frontendName() {
             if (this.frontendType === FRONTEND_ICECAST) {
                 return 'Icecast';
             } else if (this.frontendType === FRONTEND_SHOUTCAST) {

frontend/vue/Stations/Profile/HeaderPanel.vue

@@ -28,7 +28,8 @@ export const profileHeaderProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileHeaderProps]
 };
 </script>

frontend/vue/Stations/Profile/NowPlayingPanel.vue

@@ -104,7 +104,7 @@
 </template>
 
 <script>
-import { BACKEND_LIQUIDSOAP } from '../../Entity/RadioAdapters.js';
+import {BACKEND_LIQUIDSOAP} from '../../Entity/RadioAdapters.js';
 import Icon from '../../Common/Icon';
 
 export const profileNowPlayingProps = {
@@ -117,12 +117,13 @@ export const profileNowPlayingProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileNowPlayingProps],
     props: {
         np: Object
     },
-    data () {
+    data() {
         return {
             npElapsed: 0,
             clockInterval: null

frontend/vue/Stations/Profile/PublicPagesPanel.vue

@@ -75,7 +75,7 @@
 </template>
 
 <script>
-import EmbedModal, { profileEmbedModalProps } from './EmbedModal';
+import EmbedModal, {profileEmbedModalProps} from './EmbedModal';
 import Icon from '../../Common/Icon';
 
 export const profilePublicProps = {
@@ -97,16 +97,17 @@ export const profilePublicProps = {
 };
 
 export default {
-    components: { Icon, EmbedModal },
+    inheritAttrs: false,
+    components: {Icon, EmbedModal},
     mixins: [profilePublicProps, profileEmbedModalProps],
     computed: {
-        langDisablePublicPages () {
+        langDisablePublicPages() {
             return this.$gettext('Disable public pages?');
         },
-        langEnablePublicPages () {
+        langEnablePublicPages() {
             return this.$gettext('Enable public pages?');
         },
-        publicPageEmbedCode () {
+        publicPageEmbedCode() {
             return '<iframe src="' + this.publicPageEmbedUri + '" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe>';
         },
         publicOnDemandEmbedCode () {

frontend/vue/Stations/Profile/RequestsPanel.vue

@@ -49,13 +49,14 @@ export const profileRequestsProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileRequestsProps],
     computed: {
-        langDisableRequests () {
+        langDisableRequests() {
             return this.$gettext('Disable song requests?');
         },
-        langEnableRequests () {
+        langEnableRequests() {
             return this.$gettext('Enable song requests?');
         }
     }

frontend/vue/Stations/Profile/SchedulePanel.vue

@@ -41,6 +41,7 @@
 
 <script>
 export default {
+    inheritAttrs: false,
     props: {
         scheduleItems: Array
     }

frontend/vue/Stations/Profile/StreamersPanel.vue

@@ -49,13 +49,14 @@ export const profileStreamersProps = {
 };
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     mixins: [profileStreamersProps],
     computed: {
-        langDisableStreamers () {
+        langDisableStreamers() {
             return this.$gettext('Disable streamers?');
         },
-        langEnableStreamers () {
+        langEnableStreamers() {
             return this.$gettext('Enable streamers?');
         }
     }

frontend/vue/Stations/Profile/StreamsPanel.vue

@@ -86,12 +86,13 @@
 import Icon from '../../Common/Icon';
 
 export default {
-    components: { Icon },
+    inheritAttrs: false,
+    components: {Icon},
     props: {
         np: Object
     },
     methods: {
-        toggle (url) {
+        toggle(url) {
             this.$eventHub.$emit('player_toggle', url);
         }
     }