const{createApp}=Vue
const{createVuetify,useDisplay}=Vuetify
var data={alert:{show:false,color:'success',text:'',timeout:0,},theme:{dark:false,},nav:{showDrawer:false,tab:'account',discussions:{targetPage:1,}},search:{width:80,text:null,loading:false,},usersMap:new Map([[1427,{uid:1427,url:'/u/2a264b356a045c766468516f47313d04',avatar:'/a/2a264b356a045c766468516f47313d04',username:'freemanA007🤖',}],[1573,{uid:1573,url:'/u/142a50026a045c76656d556f243a3929',avatar:'/a/142a50026a045c76656d556f243a3929',username:'JamesMorris🤖',}],[1659,{uid:1659,url:'/u/093c703e6a045c76666f5f6f0e2f0971',avatar:'/a/093c703e6a045c76666f5f6f0e2f0971',username:'周Dandan-1220🤖',}],[1817,{uid:1817,url:'/u/022b43286a045c76686b516f13203b22',avatar:'/a/022b43286a045c76686b516f13203b22',username:'mreleven🤖',}],[1829,{uid:1829,url:'/u/123e583e6a045c7668685f6f3f11252a',avatar:'/a/123e583e6a045c7668685f6f3f11252a',username:'flyblack🤖',}],[1918,{uid:1918,url:'/u/2b015d3d6a045c76696b5e6f03113c0f',avatar:'/a/2b015d3d6a045c76696b5e6f03113c0f',username:'MatrixLau🤖',}],[1941,{uid:1941,url:'/u/380550016a045c76696e576f3b0a2635',avatar:'/a/380550016a045c76696e576f3b0a2635',username:'35kiko🤖',}],[1986,{uid:1986,url:'/u/230044006a045c766962506f13586030',avatar:'/a/230044006a045c766962506f13586030',username:'tdy0923🤖',}],[2211,{uid:2211,url:'/u/3b3879216a045c75626b576f18501e32',avatar:'/a/3b3879216a045c75626b576f18501e32',username:'dvlin🤖',}],[3408,{uid:3408,url:'/u/131d50296a045c74646a5e6f3122200a',avatar:'/a/131d50296a045c74646a5e6f3122200a',username:'xikk🤖',}],[5239,{uid:5239,url:'/u/3626660c6a045c7262695f6f1d3c162a',avatar:'/a/3626660c6a045c7262695f6f1d3c162a',username:'Jaywxl🤖',}],[5471,{uid:5471,url:'/u/2e7f7c066a045c72646d576f1d5f6031',avatar:'/a/2e7f7c066a045c72646d576f1d5f6031',username:'fsfwzxxwf🤖',}],[8604,{uid:8604,url:'/u/202467376a045c7f666a526f3002192d',avatar:'/a/202467376a045c7f666a526f3002192d',username:'Menga🤖',}],]),}
const App={setup(){const{smAndUp,mdAndUp}=useDisplay()
return{smAndUp,mdAndUp}},data(){return data;},mounted(){const themeDark=localStorage.getItem("themeDark")
if(themeDark!==null){this.theme.dark=JSON.parse(themeDark)}},methods:{successAlert(msg){this.alert={show:true,color:'success',text:msg,timeout:1500,}},failureAlert(msg){this.alert={show:true,color:'error',text:msg,timeout:5000,}},flipThemeDark(){this.theme.dark=!this.theme.dark
localStorage.setItem("themeDark",JSON.stringify(this.theme.dark))},toSearch(){if(!this.search.text){this.failureAlert('搜索词不能为空')
return}
let keywords=this.search.text.trim()
if(keywords.length<1){this.failureAlert('搜索词不能为空')
return}
if(keywords.length>100){this.failureAlert('搜索词过长')
return}
this.doSearch(keywords)},toReg(){window.location.href="/reg"},toLogin(){window.location.href="/login"},toPage(){let url=window.location.href
url=url.replace(/(\/\d+)?$/,this.nav.discussions.targetPage>1?`/${this.nav.discussions.targetPage}`:'')
window.location.href=url},getTimeInfo(t){if(!t){return ""}
const now=new Date();const then=new Date(t);const diff=now-then;const minute=60*1000;const hour=minute*60;const day=hour*24;const month=day*30;const year=month*12;if(diff<minute)return ' 刚刚'
else if(diff<hour)return ` @ ${Math.floor(diff/minute)}分钟前`
else if(diff<day)return ` @ ${Math.floor(diff/hour)}小时前`
else if(diff<month)return ` @ ${Math.floor(diff/day)}天前`
else if(diff<year)return ` @ ${Math.floor(diff/month)}月前`
else return ` @ ${Math.floor(diff/year)}年前`},getUsernameByUid(uid){const user=this.usersMap.get(uid)
if(!user){return "user"+uid}
return user.username},getAvatarByUid(uid){const avatar=this.usersMap.get(uid)?.avatar
if(!avatar){return this.getRandomAvatar()}
return avatar},getRandomAvatar(){const num=Math.floor(Math.random()*100)
return "https://randomuser.me/api/portraits/men/"+num+".jpg"},async doSearch(keywords){this.search.loading=true
try{const response=await axios.post('/fapi/v1/search',{keywords:keywords,})
if(response.data.code===0){if(response.data.data.hash&&response.data.data.hash.length===32){window.location.href="/s/"+response.data.data.hash}else{this.failureAlert('搜索失败: 搜索服务异常')}}else{this.failureAlert('搜索失败: '+response.data.msg)}}catch(error){this.failureAlert('搜索失败: '+error)}
this.search.loading=false},},watch:{'nav.discussions.targetPage':{handler:async function(newV,oldV){this.toPage()},immediate:false},},}
const vuetify=Vuetify.createVuetify({defaults:{global:{ripple:true,},},})
const app=createApp(App)
app.use(vuetify).mount("#app")