iBet uBet web content aggregator. Adding the entire web to your favor.
iBet uBet web content aggregator. Adding the entire web to your favor.



Link to original content: http://retty.me/_nuxt/ArticlePage-BGIYDFfg.js
import{n as v,az as w,d as N,al as o,U as M,am as C,ao as E,V as D,E as $}from"./client-BmVmnFEC.js";import{P as R}from"./PvLogger-Bfc8O67g.js";import{V as P,g as O}from"./makeGtmScript-B8HLg2s0.js";import{g as I,c as T,u as V,d as q,m as H}from"./makeMatomeHead-Bg_Vp_HQ.js";import{F as B}from"./FamiliarLabel-KtXPtNOK.js";import{k as z,d as U}from"./date-BYBoZiPG.js";const G={};var L=function(){var e=this,t=e._self._c;return t("header",{staticClass:"header"},[t("div",{staticClass:"header__content"},[t("anchor-link",{staticClass:"header__logo",attrs:{to:"https://retty.me/","aria-label":"Retty"}}),t("anchor-link",{staticClass:"header__catchcopy",attrs:{to:"https://retty.me/announce/philosophy/"}},[t("img",{attrs:{src:w,alt:"BESTなお店が見つかるサービス",width:"194",height:"12"}})])],1)])},Q=[],j=v(G,L,Q,!1,null,"22a2f126");const J=j.exports,K=N({__name:"MatomeSection",props:{restaurantContent:null,outline:null},setup(i){const e=i,t=o(()=>{var a;const n=(a=e.restaurantContent.kimeteAttributes)==null?void 0:a.familiarAttribute;return n?{...n,size:"small"}:null});return{__sfc:!0,props:e,familiarAttribute:t,UserIcon:M,getRoundedReportCount:I,convertDisplayDate:T,FamiliarLabel:B}}});var W=function(){var e=this,t=e._self._c,n=e._self._setupProxy;return t("section",{staticClass:"restaurant-section",attrs:{id:e.outline.id}},[t("anchor-link",{attrs:{href:`#${e.outline.id}`}},[t("h3",{staticClass:"restaurant-section__title"},[e._v(e._s(e.outline.index)+". "+e._s(e.restaurantContent.catchcopy))])]),e._l(e.restaurantContent.sections,function(a,s){return t("section",{key:s,staticClass:"content-section"},[t("h4",{staticClass:"content-section__title"},[e._v(e._s(a.title))]),t("figure",{staticClass:"content-section__images"},e._l(a.images,function(l,r){return t("x-img",{key:r,staticClass:"content-section__image",attrs:{src:l.url,alt:l.description,width:936,height:702}})}),1),t("p",{staticClass:"content-section__description"},[e._v(e._s(a.description))])])}),e.restaurantContent.reports.length>0?t("section",{staticClass:"reports-section"},[t("h4",{staticClass:"reports-section__title"},[e._v("口コミ")]),e._l(e.restaurantContent.reports,function(a){return t("div",{key:a.id,staticClass:"reports-section__report report"},[t("anchor-link",{staticClass:"report__body",attrs:{to:a.url}},[t("p",{staticClass:"report__text"},[e._v(e._s(a.text))]),t("time",{staticClass:"report__publish-at",attrs:{datetime:a.publishedDate}},[e._v(e._s(n.convertDisplayDate(a.publishedDate)))])]),t("dl",{staticClass:"report__user user"},[t("dt",{staticClass:"user__name"},[e._v(e._s(a.user.name))]),a.user.reportCount>=100?t("dd",{staticClass:"user__report-count"},[e._v(e._s(n.getRoundedReportCount(a.user.reportCount))+"投稿")]):e._e(),t("dd",{staticClass:"user__icon"},[t(n.UserIcon,{staticClass:"user__icon-image",attrs:{id:a.user.id,size:120,alt:""}})],1)])],1)})],2):e._e(),t("section",{staticClass:"basic-info-section"},[t("h4",{staticClass:"basic-info-section__title"},[e._v("お店情報")]),t("div",{staticClass:"basic-info-section__content basic-info"},[t("dl",{staticClass:"basic-info__header restaurant-head"},[t("dt",{staticClass:"restaurant-head__name"},[e._v(e._s(e.restaurantContent.name))]),t("dd",{staticClass:"restaurant-head__kana"},[e._v(e._s(e.restaurantContent.annotationToName))]),n.familiarAttribute?t("dd",{staticClass:"restaurant-head__familiar-label"},[t(n.FamiliarLabel,e._b({},"familiar-label",n.familiarAttribute,!1))],1):e._e()]),t("div",{staticClass:"basic-info__content"},[t("dl",{staticClass:"restaurant-summary"},[t("div",{staticClass:"restaurant-summary__inner-wrap"},[t("dt",{staticClass:"restaurant-summary__title"},[e._v("予算")]),t("dd",{staticClass:"restaurant-summary__content"},[e._v(e._s(e.restaurantContent.budget))])]),t("div",{staticClass:"restaurant-summary__inner-wrap"},[t("dt",{staticClass:"restaurant-summary__title"},[e._v("住所")]),t("dd",{staticClass:"restaurant-summary__content"},[e._v(e._s(e.restaurantContent.address))])]),t("div",{staticClass:"restaurant-summary__inner-wrap"},[t("dt",{staticClass:"restaurant-summary__title"},[e._v("営業時間")]),t("dd",{staticClass:"restaurant-summary__content"},[e._v(e._s(e.restaurantContent.businessHour))])])]),t("footer",{staticClass:"restaurant-to-detail"},[t("anchor-link",{staticClass:"restaurant-to-detail__link",attrs:{to:e.restaurantContent.url}},[e._v("「"+e._s(e.restaurantContent.name)+"」の"),t("span",{staticClass:"restaurant-to-detail__newline"},[e._v("詳しい情報をみる")])])],1)])])])],2)},X=[],Y=v(K,W,X,!1,null,"3d092d77");const Z=Y.exports,ee=N({__name:"MatomeArticle",props:{article:null},setup(i){const e=i,t=o(()=>e.article.title),n=o(()=>z(e.article.dateModified)),a=o(()=>U(e.article.dateModified)),s=o(()=>e.article.description),{articleOutline:l}=V(e.article),r=C(!1),c=C(),u=o(()=>({"index-toggle--closed":!r.value})),A=()=>{r.value=!0},h=()=>{c.value!==void 0&&244>c.value.clientHeight&&(r.value=!0)},x=o(()=>{var k;return((k=e.article)==null?void 0:k.restaurantGroups)||[]});return E(()=>{h()}),{__sfc:!0,props:e,articleTitle:t,dateModified:n,dateModifiedText:a,articleDescription:s,articleOutline:l,isOpened:r,outlineElement:c,outlineClass:u,onClickOpen:A,initializeIndex:h,restaurantGroups:x,MatomeSection:Z}}});var te=function(){var e=this,t=e._self._c,n=e._self._setupProxy;return t("article",{staticClass:"article"},[t("header",{staticClass:"article-header"},[t("dl",{staticClass:"article-header__dates date-info"},[t("dt",{staticClass:"date-info__title"},[e._v("更新")]),t("dd",{staticClass:"date-info__date"},[t("time",{attrs:{datetime:n.dateModified}},[e._v(e._s(n.dateModifiedText))])])]),t("h1",{staticClass:"article-header__title"},[e._v(e._s(n.articleTitle))])]),t("div",{staticClass:"article-summary"},[t("p",{staticClass:"article-summary__description"},[e._v(e._s(n.articleDescription))]),n.articleOutline?t("div",{staticClass:"article-summary__index"},[t("div",{staticClass:"index-toggle",class:n.outlineClass},[t("div",{staticClass:"index-toggle__inner-wrap"},[e._l(n.articleOutline,function(a){return t("div",{key:a.id,ref:"outlineElement",refInFor:!0,staticClass:"article-index"},[t("anchor-link",{staticClass:"article-index__anchor",attrs:{href:`#${a.id}`}},[e._v(e._s(a.text))]),t("ol",{staticClass:"article-index__groups"},e._l(a.restaurants,function(s){return t("li",{key:s.id},[t("anchor-link",{staticClass:"article-index__anchor",attrs:{href:`#${s.id}`}},[t("span",{staticClass:"article-index__order-num"},[e._v(" "+e._s(s.index)+".")]),e._v(" "+e._s(s.text))])],1)}),0)],1)}),t("button",{directives:[{name:"show",rawName:"v-show",value:!n.isOpened,expression:"!isOpened"}],staticClass:"index-toggle__button",on:{click:n.onClickOpen}},[e._v("目次をもっとみる")])],2)])]):e._e()]),t("div",{staticClass:"articles"},e._l(n.restaurantGroups,function(a,s){return t("div",{key:a.title,staticClass:"article-main",attrs:{id:n.articleOutline[s].id}},[t("anchor-link",{attrs:{href:`#${n.articleOutline[s].id}`}},[t("h2",{staticClass:"article-main__group-title"},[e._v(e._s(a.title))])]),e._l(a.restaurants,function(l,r){return t(n.MatomeSection,{key:l.id,staticClass:"sections",attrs:{id:n.articleOutline[s].restaurants[r].id,"restaurant-content":l,outline:n.articleOutline[s].restaurants[r]}})})],2)}),0)])},ie=[],ne=v(ee,te,ie,!1,null,"59ad74c7");const ae=ne.exports;var f={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"PcMatomeArticle"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"Query"}},directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"matomeArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"articleId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"datePublished"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"dateModified"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"description"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"eyecatchImageUrl"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"restaurantGroups"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"restaurants"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"catchcopy"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"annotationToName"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"kimeteAttributes"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"familiarAttribute"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"level"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"isUpcoming"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"budget"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"address"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"businessHour"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"sections"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"title"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"images"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"description"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"description"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"reports"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"text"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"publishedDate"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"user"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"name"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"url"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"reportCount"},arguments:[],directives:[]}]}}]}}]}}]}}]}}]}}],loc:{start:0,end:848}};f.loc.source={body:`fragment PcMatomeArticle on Query { matomeArticle(id: $articleId) { id title datePublished dateModified description eyecatchImageUrl restaurantGroups { title restaurants { id catchcopy name annotationToName kimeteAttributes { familiarAttribute { id level name } isUpcoming } budget address businessHour url sections { title images { url description } description } reports { id text publishedDate url user { id name url reportCount } } } } } } `,name:"GraphQL request",locationOffset:{line:1,column:1}};function m(i,e){if(i.kind==="FragmentSpread")e.add(i.name.value);else if(i.kind==="VariableDefinition"){var t=i.type;t.kind==="NamedType"&&e.add(t.name.value)}i.selectionSet&&i.selectionSet.selections.forEach(function(n){m(n,e)}),i.variableDefinitions&&i.variableDefinitions.forEach(function(n){m(n,e)}),i.definitions&&i.definitions.forEach(function(n){m(n,e)})}var p={};(function(){f.definitions.forEach(function(e){if(e.name){var t=new Set;m(e,t),p[e.name.value]=t}})})();function S(i,e){for(var t=0;t0;){var l=s;s=new Set,l.forEach(function(r){if(!a.has(r)){a.add(r);var c=p[r]||new Set;c.forEach(function(u){s.add(u)})}})}return a.forEach(function(r){var c=S(i,r);c&&t.definitions.push(c)}),t}se(f,"PcMatomeArticle");var d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"PcMatomeArticlePage"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleId"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"MatomeArticleId"}}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"entity"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"loginSession"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"session"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"userId"},arguments:[],directives:[]}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"matomeArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"id"},value:{kind:"Variable",name:{kind:"Name",value:"articleId"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"FragmentSpread",name:{kind:"Name",value:"matomeArticleToMakeMatomeHead"},directives:[]}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"PcMatomeArticle"},directives:[]}]}}],loc:{start:0,end:364}};d.loc.source={body:`#import "@/components/core/pc/organisms/MatomeArticle/MatomeArticle.graphql" #import "@/lib/head/matome/makeMatomeHead.graphql" query PcMatomeArticlePage($articleId: MatomeArticleId!) { entity { loginSession { session { userId } } } matomeArticle(id: $articleId) { ...matomeArticleToMakeMatomeHead } ...PcMatomeArticle } `,name:"GraphQL request",locationOffset:{line:1,column:1}};var y={};function b(i){return i.filter(function(e){if(e.kind!=="FragmentDefinition")return!0;var t=e.name.value;return y[t]?!1:(y[t]=!0,!0)})}d.definitions=d.definitions.concat(b(f.definitions));d.definitions=d.definitions.concat(b(q.definitions));function _(i,e){if(i.kind==="FragmentSpread")e.add(i.name.value);else if(i.kind==="VariableDefinition"){var t=i.type;t.kind==="NamedType"&&e.add(t.name.value)}i.selectionSet&&i.selectionSet.selections.forEach(function(n){_(n,e)}),i.variableDefinitions&&i.variableDefinitions.forEach(function(n){_(n,e)}),i.definitions&&i.definitions.forEach(function(n){_(n,e)})}var g={};(function(){d.definitions.forEach(function(e){if(e.name){var t=new Set;_(e,t),g[e.name.value]=t}})})();function F(i,e){for(var t=0;t0;){var l=s;s=new Set,l.forEach(function(r){if(!a.has(r)){a.add(r);var c=g[r]||new Set;c.forEach(function(u){s.add(u)})}})}return a.forEach(function(r){var c=F(i,r);c&&t.definitions.push(c)}),t}re(d,"PcMatomeArticlePage");const le=D.extend({components:{MatomeHeader:J,MatomeArticle:ae},mixins:[R,P],layout:"pc/matome",validate({params:i}){return/^\d+$/.test(i.articleId)},async asyncData({app:i,error:e,params:t}){const n=await i.$urql.value.query(d,{articleId:Number(t.articleId)},{requestPolicy:"network-only"}).toPromise(),{error:a,data:s}=n;if(a&&console.error(a),!s||a!=null&&a.networkError)return e({statusCode:500,message:$.ON_FAILED_CONNECT_API_SERVER}),null;const{matomeArticle:l,entity:r}=s;return l?{article:l,entity:r??null}:(e({statusCode:404,message:"Article not found"}),null)},data(){return{entity:{},article:{}}},head(){var t,n,a;const{article:i}=this;if(!i)return{};const e={userId:((a=(n=(t=this.entity)==null?void 0:t.loginSession)==null?void 0:n.session)==null?void 0:a.userId)||null,ruid:O(document.cookie,"_ruid")||null};return{...H(i,e),style:[{cssText:":root { --content-width: 948px; }",type:"text/css"},{cssText:"html { scroll-behavior: smooth; } body { min-width: 948px; }",type:"text/css"}]}}});var ce=function(){var e=this,t=e._self._c;return e._self._setupProxy,t("div",{staticClass:"page-content"},[t("div",{staticClass:"page-content__wrapper"},[t("matome-header",{staticClass:"page-content__header"}),t("matome-article",{staticClass:"page-content__article",attrs:{article:e.article}})],1)])},de=[],oe=v(le,ce,de,!1,null,"7630ccc9");const pe=oe.exports;export{pe as default};