const _Vue = Vue const { createVNode: _createVNode, createElementVNode: _createElementVNode, createCommentVNode: _createCommentVNode, createTextVNode: _createTextVNode, createStaticVNode: _createStaticVNode } = _Vue const _hoisted_1 = { class: "pt-24 sm:pt-28 max-w-7xl mx-auto p-4 space-y-8" } const _hoisted_2 = { class: "flex flex-col items-center gap-6" } const _hoisted_3 = { class: "text-5xl font-semibold" } const _hoisted_4 = { class: "text-primary" } const _hoisted_5 = { class: "w-fit ml-auto pt-1" } const _hoisted_6 = { class: "flex items-center gap-2 w-60 rounded-xl outline-none focus-within:bg-base-200! px-3 h-full" } const _hoisted_7 = ["onUpdate:modelValue", "placeholder"] const _hoisted_8 = { key: 0, class: "grid grid-cols-3 gap-8" } const _hoisted_9 = { key: 1, class: "text-center text-base-content/50 py-20" } const _hoisted_10 = { class: "grid grid-cols-3 gap-8" } const _hoisted_11 = ["href"] const _hoisted_12 = { class: "relative h-52 overflow-hidden bg-base-200" } const _hoisted_13 = ["src", "alt"] const _hoisted_14 = { class: "card-body" } const _hoisted_15 = { class: "flex gap-1 text-base-content/40" } const _hoisted_16 = { class: "text-xs" } const _hoisted_17 = { class: "card-title" } const _hoisted_18 = { class: "text-xs line-clamp-3 h-12" } const _hoisted_19 = { class: "mt-2 ml-auto inline-flex w-fit items-center gap-1 text-sm font-semibold text-primary transition" } return function render(_ctx, _cache) { with (_ctx) { const { resolveComponent: _resolveComponent, createVNode: _createVNode, toDisplayString: _toDisplayString, createElementVNode: _createElementVNode, createTextVNode: _createTextVNode, vModelText: _vModelText, withDirectives: _withDirectives, withCtx: _withCtx, renderList: _renderList, Fragment: _Fragment, openBlock: _openBlock, createElementBlock: _createElementBlock, createCommentVNode: _createCommentVNode, resolveDynamicComponent: _resolveDynamicComponent, createBlock: _createBlock, createStaticVNode: _createStaticVNode } = _Vue const _component_Breadcrumbs = _resolveComponent("Breadcrumbs") const _component_Search = _resolveComponent("Search") const _component_Card = _resolveComponent("Card") const _component_Calendar = _resolveComponent("Calendar") const _component_PaginationCircle = _resolveComponent("PaginationCircle") return (_openBlock(), _createElementBlock("div", _hoisted_1, [ _createVNode(_component_Breadcrumbs, { item: breadcrumbs }, null, 8, ["item"]), _createElementVNode("div", _hoisted_2, [ _createElementVNode("p", _hoisted_3, [ _createTextVNode(_toDisplayString(t('บทความ')), 1), _createElementVNode("span", _hoisted_4, _toDisplayString(t('น่ารู้')), 1) ]), _createElementVNode("p", null, _toDisplayString(t('รวมเทคนิคการตลาดออนไลน์ ข่าวสาร Social Media และเคล็ดลับเพิ่มยอดขายที่คุณไม่ควรพลาด')), 1) ]), _createVNode(_component_Card, { class: "card-sm border-base-200! shadow-md shadow-base-300" }, { body: _withCtx(() => [ _createElementVNode("div", _hoisted_5, [ _createElementVNode("label", _hoisted_6, [ _createVNode(_component_Search, { class: "h-4 w-4 text-base-content/40" }), _withDirectives(_createElementVNode("input", { "onUpdate:modelValue": $event => ((search) = $event), type: "text", placeholder: t('ค้นหาบทความ...'), class: "grow bg-transparent outline-none focus:bg-transparent border-none!" }, null, 8, _hoisted_7), [ [_vModelText, search] ]) ]) ]) ]), _: 1 }), isLoading ? (_openBlock(), _createElementBlock("div", _hoisted_8, [ (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(6, (n) => { return (_openBlock(), _createElementBlock("div", { key: n, class: "col-span-1 card bg-base-100 w-96 shadow-lg rounded-2xl" }, [...(_cache[0] || (_cache[0] = [ _createStaticVNode("

", 2) ]))])) }), 128)) ])) : (!blogs.length) ? (_openBlock(), _createElementBlock("div", _hoisted_9, _toDisplayString(t('ไม่พบบทความ')), 1)) : (_openBlock(), _createElementBlock(_Fragment, { key: 2 }, [ _createElementVNode("div", _hoisted_10, [ (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(blogs, (blog, idx) => { return (_openBlock(), _createElementBlock("a", { key: idx, href: linkOf(blog), class: "col-span-1 group card bg-base-100 w-96 shadow-lg rounded-2xl drop-shadow-base-300 transition duration-300 ease-in-out hover:-translate-y-1 hover:shadow-lg" }, [ _createElementVNode("figure", _hoisted_12, [ _createElementVNode("img", { src: blog.image, alt: blog.name, class: "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105" }, null, 8, _hoisted_13) ]), _createElementVNode("div", _hoisted_14, [ _createElementVNode("div", _hoisted_15, [ _createVNode(_component_Calendar, { class: "h-4 w-4" }), _createElementVNode("p", _hoisted_16, _toDisplayString(formatLongDate(blog.created_at)), 1) ]), _createElementVNode("h2", _hoisted_17, _toDisplayString(blog.name), 1), _createElementVNode("p", _hoisted_18, _toDisplayString(blog.description), 1), _createElementVNode("span", _hoisted_19, [ _createTextVNode(_toDisplayString(t('อ่านต่อ')) + " ", 1), (_openBlock(), _createBlock(_resolveDynamicComponent(getLucideIcon('ArrowRight')), { class: "h-4 w-4" })) ]) ]) ], 8, _hoisted_11)) }), 128)) ]), _createVNode(_component_PaginationCircle, { page: page, "total-pages": totalPages, "onUpdate:page": onChangePage }, null, 8, ["page", "total-pages", "onUpdate:page"]) ], 64)) ])) } }