https://holodex.net/assets/Channel.3fa619f5.js

1import{C as c,a as o,b as _,L as m,g as p,c as u,n as d}from"./main.0e1538d8.js";import{aK as i,b1 as s,ar as v,aX as b,aB as $,as as f,aM as g,bR as C,bS as y}from"./vendor.b5f99b55.js";const w={name:"Channel",metaInfo(){const e=this;return{title:e.channelName?`${e.channelName} - Holodex`:"Loading..."}},components:{ChannelSocials:c,ChannelInfo:o,ChannelImg:_,LoadingOverlay:m},computed:{...i("channel",["id","channel","isLoading","hasError"]),...i(["isMobile"]),bannerImage(){if(!this.channel.banner)return"";const{mobile:e,tablet:a,tv:n,banner:t}=p(this.channel.banner);return{xs:e,sm:a,xl:n}[this.$vuetify.breakpoint.name]||t},avatarSize(){switch(this.$vuetify.breakpoint.name){case"xs":return 40;case"sm":return 40;default:return 80}},tabs(){return[{path:`/channel/${this.id}/`,name:`${this.$t("views.channel.video")}`,exact:!0},{path:`/channel/${this.id}/clips`,name:`${this.$t("views.channel.clips")}`,hide:this.channel.type==="subber"},{path:`https://music.holodex.net/channel/${this.id}`,name:`${this.$t("views.channel.music")}`,hide:this.channel.type==="subber"},{path:`/channel/${this.id}/collabs`,name:`${this.$t("views.channel.collabs")}`,hide:this.channel.type==="subber"},{path:`/channel/${this.id}/about`,name:`${this.$t("views.channel.about")}`}]},channelName(){const e=this.$store.state.settings.nameProperty;return this.channel[e]||this.channel.name},metaDescription(){return this.channel?.description?.substr(0,100)},metaImage(){return u(this.channel)}},created(){this.init()},methods:{init(){window.scrollTo(0,0),this.$store.commit("channel/resetState"),this.$store.commit("channel/setId",this.$route.params.id),this.$store.dispatch("channel/fetchChannel")}}};var r=function(){var e=this,a=e.$createElement,n=e._self._c||a;return!e.isLoading&&!e.hasError?n(s,{staticClass:"channel-container",attrs:{fluid:""}},[n(v,[e.bannerImage?n(b,{staticClass:"channel-banner",attrs:{src:e.bannerImage}}):e._e(),n(s,{class:{"pa-0":e.isMobile,"pa-1":!e.isMobile}},[n($,[n(f,[n(g,{staticClass:"my-0",attrs:{size:e.avatarSize}},[n("ChannelImg",{attrs:{size:e.avatarSize,channel:e.channel}})],1),n("ChannelInfo",{attrs:{channel:e.channel}}),n("ChannelSocials",{attrs:{channel:e.channel,"show-delete":""}})],1)],1)],1),n(s,{staticClass:"pa-0"},[n(C,e._l(e.tabs.filter(function(t){return!t.hide}),function(t){return n(y,{key:t.path,attrs:{to:t.path.includes("https")?null:t.path,href:t.path.includes("https")?t.path:null,exact:t.exact}},[e._v(" "+e._s(t.name)+" ")])}),1)],1)],1),n(s,{staticClass:"channel",staticStyle:{"min-height":"85vh"}},[n("router-view")],1)],1):n("LoadingOverlay",{attrs:{"is-loading":e.isLoading,"show-error":e.hasError}})},x=[];r._withStripped=!0;const h={};var l=d(w,r,x,!1,I,null,null,null);function I(e){for(let a in h)this[a]=h[a]}l.options.__file="src/views/Channel.vue";const M=function(){return l.exports}();export{M as default};