1 line
3.9 KiB
JavaScript
1 line
3.9 KiB
JavaScript
import{$ as e,$t as t,Et as n,Ft as r,K as i,Nt as a,Q as o,St as s,Z as c,at as l,et as u,hn as d,it as f,n as p,rt as m,wt as h,yt as g}from"./editor-DJ72UhpY.js";import{Cr as _,Mr as v,Nr as y,Yr as b,a as x,br as S,i as C,kr as w}from"./vendor-BqxQPPIo.js";import{t as T}from"./index-BsmF42t4.js";import{t as E}from"./_plugin-vue_export-helper-BzmG9fMN.js";import{t as D}from"./post-C2MqO86O.js";import{t as O}from"./format-D0maeLNC.js";var k={class:`min-h-screen bg-gray-50`},A={class:`bg-white shadow-sm sticky top-0 z-10`},j={class:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8`},M={class:`flex justify-between items-center h-16`},N={class:`flex items-center gap-4`},P={class:`flex items-center gap-4`},F={class:`max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8`},I={key:0,class:`flex justify-center py-12`},L={class:`bg-white rounded-lg shadow-sm p-8`},R={class:`mb-8 border-b pb-6`},z={class:`text-3xl font-bold text-gray-900 mb-4`},B={class:`flex flex-wrap items-center gap-4 text-sm text-gray-500`},V={key:0,class:`flex items-center gap-1`},H={class:`flex items-center gap-1`},U={class:`flex items-center gap-1`},W={key:0,class:`mt-4 flex flex-wrap gap-2`},G={class:`prose prose-lg max-w-none`},K={class:`mt-8 flex justify-between`},q=E(l({__name:`PostDetail`,setup(l){let E=C(),q=x(),J=T(),Y=D();async function X(){let e=E.params.slug;if(e)try{await Y.fetchPost(e)}catch{Y.currentPost=null}}return g(X),a(()=>E.params.slug,X),(a,l)=>{let g=n(`el-icon`),x=n(`el-button`),C=n(`router-link`),T=n(`el-loading-spinner`),E=n(`el-tag`),D=n(`el-result`);return s(),u(`div`,k,[c(`header`,A,[c(`div`,j,[c(`div`,M,[c(`div`,N,[f(x,{link:``,onClick:l[0]||=e=>t(q).back()},{default:r(()=>[f(g,{class:`mr-1`},{default:r(()=>[f(t(S))]),_:1}),l[4]||=m(` 返回 `,-1)]),_:1}),f(C,{to:`/`,class:`text-xl font-bold text-gray-900`},{default:r(()=>[...l[5]||=[m(` ijmuv Blog `,-1)]]),_:1})]),c(`div`,P,[t(J).isLoggedIn?(s(),o(C,{key:0,to:`/admin`,class:`text-gray-600 hover:text-gray-900`},{default:r(()=>[...l[6]||=[m(` 后台管理 `,-1)]]),_:1})):e(``,!0)])])])]),c(`main`,F,[t(Y).loading?(s(),u(`div`,I,[f(T)])):t(Y).currentPost?(s(),u(i,{key:1},[c(`article`,L,[c(`header`,R,[c(`h1`,z,d(t(Y).currentPost.title),1),c(`div`,B,[t(Y).currentPost.category?(s(),u(`span`,V,[f(g,null,{default:r(()=>[f(t(v))]),_:1}),f(C,{to:`/category/${t(Y).currentPost.category.slug}`,class:`hover:text-blue-600`},{default:r(()=>[m(d(t(Y).currentPost.category.name),1)]),_:1},8,[`to`])])):e(``,!0),c(`span`,H,[f(g,null,{default:r(()=>[f(t(b))]),_:1}),m(` `+d(t(Y).currentPost.views)+` 阅读 `,1)]),c(`span`,U,[f(g,null,{default:r(()=>[f(t(_))]),_:1}),m(` `+d(t(O)(t(Y).currentPost.published_at||t(Y).currentPost.created_at)),1)])]),t(Y).currentPost.tags?.length?(s(),u(`div`,W,[(s(!0),u(i,null,h(t(Y).currentPost.tags,e=>(s(),o(E,{key:e.id,size:`small`,round:``,class:`cursor-pointer`,onClick:n=>t(q).push(`/tag/${e.slug}`)},{default:r(()=>[m(d(e.name),1)]),_:2},1032,[`onClick`]))),128))])):e(``,!0)]),c(`div`,G,[f(t(p),{"model-value":t(Y).currentPost.content,language:`zh-CN`},null,8,[`model-value`])])]),c(`div`,K,[f(x,{onClick:l[1]||=e=>t(q).push(`/`)},{default:r(()=>[f(g,{class:`mr-1`},{default:r(()=>[f(t(y))]),_:1}),l[7]||=m(` 返回首页 `,-1)]),_:1}),t(J).isLoggedIn?(s(),o(x,{key:0,type:`primary`,onClick:l[2]||=e=>t(q).push(`/admin/posts/edit/${t(Y).currentPost.id}`)},{default:r(()=>[f(g,{class:`mr-1`},{default:r(()=>[f(t(w))]),_:1}),l[8]||=m(` 编辑文章 `,-1)]),_:1})):e(``,!0)])],64)):(s(),o(D,{key:2,icon:`error`,title:`文章不存在`,"sub-title":`抱歉，您访问的文章不存在或已被删除`},{extra:r(()=>[f(x,{onClick:l[3]||=e=>t(q).push(`/`)},{default:r(()=>[...l[9]||=[m(`返回首页`,-1)]]),_:1})]),_:1}))]),l[10]||=c(`footer`,{class:`bg-white border-t mt-12`},[c(`div`,{class:`max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6`},[c(`p`,{class:`text-center text-gray-500 text-sm`},` © 2024 ijmuv Blog. All rights reserved. `)])],-1)])}}}),[[`__scopeId`,`data-v-02def458`]]);export{q as default}; |