3 lines
18 KiB
JavaScript
3 lines
18 KiB
JavaScript
|
import{C as e,Ct as t,F as n,Mt as r,Q as i,Qt as a,S as o,T as s,W as c,Y as l,_ as u,dt as d,en as f,ft as p,g as m,h,m as g,p as _,s as v,tn as y}from"./vendor/json-editor-vue-9tyg6b65.js";import{bt as b,jt as x}from"./ready-e441jhq2.js";import{o as S,x as C}from"./utils-ivfwadyv.js";import{s as w}from"./head-hqcgxe55.js";import{$ as T,D as E,H as D,P as O,Q as k,V as A,a as j,i as ee,o as te,r as M}from"./client-kfvz1zfh.js";import{t as N}from"./_plugin-vue_export-helper-d9irwgla.js";import{t as P}from"./nbutton-g8ropw1z.js";import{t as F}from"./ncard-d0lyv7bx.js";import{t as I}from"./ntext-input-hwoiw74g.js";import{d as L,u as R}from"#entry";import{t as z}from"./ncode-block-cfw508sn.js";import{t as B}from"./pages-dm1j9w83.js";import{t as V}from"./nlink-hrlod3mt.js";import{t as H}from"./help-fab-myoje00l.js";import{t as U}from"./nnavbar-eonyi8yr.js";import{t as W}from"./nsection-block-lfx32fn0.js";var G=[{name:`title`,suggestion:`required`,head:{title:`[title]`},seoMeta:{title:`[title]`},docs:`https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title`,description:`A concise and descriptive title for the browser that accurately summarizes the content of the page.`},{name:`description`,suggestion:`required`,head:{meta:[{name:`description`,content:`[description]`}]},seoMeta:{description:`[description]`},description:`A one to two sentence summary for search engines that includes relevant keywords to improve visibility in search results.`},{name:`icon`,suggestion:`recommended`,head:{link:[{rel:`icon`,type:`image/png`,href:`/favicon.png`}]},description:`A small image that appears in the browser tab and bookmark menu to help users easily identify the page.`},{name:`lang`,suggestion:`recommended`,head:{htmlAttrs:{lang:`en`}},description:`The primary language of the page to help search engines and browsers understand the content.`},{name:`og:title`,suggestion:`recommended`,head:{meta:[{property:`og:title`,content:`[og:title]`}]},seoMeta:{ogTitle:`[og:title]`},docs:`https://ogp.me/#metadata`,description:`A title for the link preview used by social media platforms.`},{name:`og:description`,suggestion:`recommended`,head:{meta:[{property:`og:description`,content:`[og:description]`}]},seoMeta:{ogDescription:`[og:description]`},docs:`https://ogp.me/#metadata`,description:`A description for the link preview used by social media platforms.`},{name:`og:image`,suggestion:`recommended`,head:{meta:[{property:`og:image`,content:`[og:image]`}]},seoMeta:{ogImage:`[og:image]`},docs:`https://ogp.me/#metadata`,description:`An image for the link preview used by social media platforms.`},{name:`og:url`,suggestion:`recommended`,head:{meta:[{property:`og:url`,content:`[og:url]`}]},seoMeta:{ogUrl:`[og:url]`},docs:`https://ogp.me/#metadata`,description:`A canonical URL for the link preview used to specify the preferred URL to display in search engine results and social media previews when multiple URLs may point to the same page.`},{name:`twitter:title`,suggestion:`optional`,head:{meta:[{name:`twitter:title`,content:`[twitter:title]`}]},seoMeta:{twitterTitle:`[twitter:title]`},docs:`https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards`,description:`A title for the Twitter card used to provide a preview of the content shared on the page.`},{name:`twitter:description`,suggestion:`optional`,head:{meta:[{name:`twitter:description`,content:`[twitter:description]`}]},seoMeta:{twitterDescription:`[twitter:description]`},docs:`https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards`,description:`A description for the Twitter card used to provide a preview of the content shared on the page.`},{name:`twitter:image`,suggestion:`optional`,head:{meta:[{name:`twitter:image`,content:`[twitter:image]`}]},seoMeta:{twitterImage:`[twitter:image]`},docs:`https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards`,description:`An image for the Twitter card used to provide a preview of the content shared on the page.`},{name:`twitter:card`,suggestion:`optional`,head:{meta:
|
||
|
|
|
||
|
|
`)}),S=R(),C=L(),w=[`Missing Tags`,`Code Snippet`],T=t(w[0]);return(t,i)=>{let s=V,f=F,_=P,b=z,E=W;return p.value.length?(c(),h(E,{key:0,text:`Missing Tags`,description:`${p.value.length} missing tags`,icon:`carbon:warning-other`,"header-class":`text-orange op100! [[open]_&]:text-inherit`,padding:!1},{default:d(()=>[g(`div`,K,[(c(),u(v,null,l(w,(e,t)=>g(`button`,{key:t,px4:``,py2:``,border:`r t base`,hover:`bg-active`,class:a(e===T.value?``:`border-b`),onClick:t=>T.value=e},[g(`div`,{class:a(e===T.value?``:`op30`),capitalize:``},y(e),3)],10,q)),64)),i[3]||=g(`div`,{border:`b base`,"flex-auto":``},null,-1)]),T.value===w[0]?(c(),h(f,{key:0,grid:`~ cols-[1fr] lg:cols-[max-content_1fr]`,m4:``,"items-center":``,"justify-between":``,"of-hidden":``},{default:d(()=>[(c(!0),u(v,null,l(p.value,(t,n)=>(c(),u(v,{key:n},[n?(c(),u(`div`,J)):m(``,!0),n?(c(),u(`div`,Y)):m(``,!0),g(`div`,X,[i[4]||=g(`div`,{"i-carbon-warning":``,"text-orange":``},null,-1),e(s,{"op-50":``,href:t.docs,target:`_blank`,n:`orange`},{default:d(()=>[o(y(t.name),1)]),_:2},1032,[`href`])]),g(`div`,Z,y(t.description),1)],64))),128))]),_:1})):(c(),u(`div`,Q,[g(`p`,ne,[e(_,{icon:`carbon-copy`,n:`xs`,"px-2":``,onClick:i[0]||=e=>r(S)(x.value,`open-graph-suggestion`)},{default:d(()=>[...i[5]||=[o(` Copy `,-1)]]),_:1}),i[7]||=o(` the following code snippet and paste it into your `,-1),n.matchedRouteFilepath?(c(),h(_,{key:0,icon:`carbon-launch`,n:`xs`,"px-2":``,onClick:i[1]||=e=>r(C)(n.matchedRouteFilepath)},{default:d(()=>[...i[6]||=[o(` page component `,-1)]]),_:1})):(c(),u(`span`,re,`page component`)),i[8]||=o(` to full fill the missing tags. `,-1)]),e(f,{relative:``,"n-code-block":``},{default:d(()=>[e(b,{code:x.value,lang:`ts`,lines:!1,"w-full":``,"of-auto":``,p3:``},null,8,[`code`]),g(`div`,ie,[e(_,{icon:`carbon-copy`,onClick:i[2]||=e=>r(S)(x.value,`open-graph-suggestion`)},{default:d(()=>[...i[9]||=[o(` Copy `,-1)]]),_:1})])]),_:1})]))]),_:1},8,[`description`])):m(``,!0)}}}),{__name:`OpenGraphMissingTabs`}),oe={class:`max-w-[524px] min-w-[524px] cursor-pointer bg-base`},se={class:`break-words border border-base px-[12px] py-[10px] antialiased`},ce={class:`overflow-hidden truncate whitespace-nowrap text-[12px] leading-[11px] uppercase op50`},le={class:`block h-[46px] max-h-[46px] border-separate select-none overflow-hidden break-words text-left`,style:{"border-spacing":`0px`}},ue={class:`mt-[3px] truncate pt-[2px] text-[16px] font-semibold leading-[20px]`},de={class:`mt-[3px] block h-[18px] max-h-[80px] border-separate select-none overflow-hidden truncate whitespace-nowrap break-words text-left text-[14px] leading-[20px] op50`,style:{"-webkit-line-clamp":`1`,"border-spacing":`0px`,"-webkit-box-orient":`vertical`}},fe=Object.assign(s({__name:`SocialFacebook`,props:{card:{}},setup(e){return(t,n)=>(c(),u(`div`,oe,[g(`div`,{class:`h-[274px] border border-b-0 border-base bg-cover bg-center bg-no-repeat`,style:f({backgroundImage:`url(${JSON.stringify(e.card.image)})`})},null,4),g(`div`,se,[g(`div`,ce,y(e.card.url),1),g(`div`,le,[g(`div`,ue,y(e.card.title),1),g(`div`,de,y(e.card.description),1)])])]))}}),{__name:`SocialFacebook`}),pe={class:`max-w-[438px] min-w-[438px] of-hidden border border-base rounded-[16px] bg-base -outline-offset-1`,style:{"font-family":`TwitterChirp, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif`}},me={class:`break-words border-base p-[0.75em] antialiased`,flex:`~ col justify-center gap-[2px]`},he={class:`overflow-hidden truncate whitespace-nowrap text-[15px] leading-[20px] lowercase op50`},ge={class:`m-0 truncate text-[15px] font-semibold leading-[20px]`},_e={class:`line-clamp-2 select-none overflow-hidden break-words text-left text-[15px] leading-[20px] op50`},ve=Object.assign(s({__name:`SocialTwitter`,props:{tags:{}},setup(e){let t=e,n=_(()=>S(t.tags,{title:[{tag:`title`}],image:[{tag:`meta`,name:`twitter:image`},{tag:`meta`,name:`og:image`}],imageAlt:[{tag:`meta`,name:`twitter:image:alt`}],description:[{tag:`meta`,name:`twitter:description`},{tag:`meta`,name:`description`}],favicon:[{tag:`link`,name:`icon`}
|