[{"data":1,"prerenderedAt":14},["ShallowReactive",2],{"$f223miv22qtfab":3},{"title":4,"css":5,"html":8,"style":9,"hasToc":10,"swipers":11,"patched":12,"setup":13},"so sánh – Min Điện Máy",[6,7],"breadcrumb_style.scss.css","style_page.scss.css","\u003Cdiv id=\"compare-popup\" class=\"compare-popup\">\u003C\u002Fdiv>\u003Csection class=\"page\">\n  \u003Cdiv class=\"container\">\n    \u003Cdiv class=\"background-thumb\" style=\"margin-bottom: 50px;margin-top: 50px;\">\n      \u003Ch2>So sánh sản phẩm\u003C\u002Fh2>\n      \u003Cdiv id=\"compare-page\">\n        \u003Cdiv class=\"search-container\">\n          \u003Cinput id=\"search-input\" v-model=\"keyword\" type=\"text\" placeholder=\"Nhập tên sản phẩm...\">\n          \u003Cdiv id=\"search-results\" :style=\"{ display: results ? 'block' : 'none' }\">\u003Ctemplate v-if=\"results\">\u003Cdiv v-for=\"c in results\" :key=\"c.handle\" class=\"search-item\">\u003Cimg :src=\"c.images[0]?.src\" :alt=\"c.title\">\u003Cdiv class=\"search-item-info\">\u003Cdiv class=\"search-item-title\">{{ c.title }}\u003C\u002Fdiv>\u003Cdiv class=\"search-item-price\">{{ c.price }}\u003C\u002Fdiv>\u003C\u002Fdiv>\u003Cbutton class=\"compare-btn\" :class=\"{ active: inList(c.handle) }\" :data-handle=\"c.handle\" @click=\"addItem(c)\">{{ inList(c.handle) ? 'Đã thêm' : 'So sánh' }}\u003C\u002Fbutton>\u003C\u002Fdiv>\u003Cp v-if=\"!results.length\" style=\"padding: 10px;\">Không tìm thấy sản phẩm\u003C\u002Fp>\u003C\u002Ftemplate>\u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \u003Cdiv id=\"compare-table\">\u003Cp v-if=\"!mounted || !items.length\">Chưa có sản phẩm nào để so sánh.\u003C\u002Fp>\u003Ctable v-else border=\"1\" style=\"width:100%; text-align:center; \">\u003Ctr>\u003Ctd class=\"field-label\">Ảnh\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">\u003Cimg :src=\"p.image\" style=\"width:80px\">\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Tên sản phẩm\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">\u003Ca :href=\"p.url\" :title=\"p.title\">{{ p.title }}\u003C\u002Fa>\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Giá\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">{{ p.price }}\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Thương hiệu\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">{{ p.vendor }}\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Loại\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">{{ p.type }}\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Tình trạng\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">{{ p.status }}\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr style=\"   vertical-align: baseline;   text-align: left;\">\u003Ctd class=\"field-label\" style=\" text-align: center;\">Chi tiết\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\" style=\"padding: 5px;\" v-html=\"p.description\">\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd class=\"field-label\">Xóa\u003C\u002Ftd>\u003Ctd v-for=\"p in items\" :key=\"p.handle\">\u003Cbutton class=\"remove-btn\" :data-handle=\"p.handle\" @click=\"removeRow(p.handle)\">Xóa\u003C\u002Fbutton>\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftable>\u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fsection>","\n  \u002F* search *\u002F\n  .search-container {\n    position: relative;\n    width: 100%;\n    max-width: 720px;\n    margin: 16px 0;\n  }\n  #search-input {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid #e0e0e0;\n    border-radius: 8px;\n    font-size: 14px;\n  }\n  #search-results {\n    display: none;\n    position: absolute;\n    top: 110%;\n    left: 0;\n    right: 0;\n    background: #fff;\n    border: 1px solid #e6e6e6;\n    border-radius: 8px;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);\n    max-height: 360px;\n    overflow: auto;\n    z-index: 1000;\n  }\n\n  \u002F* search items *\u002F\n  .search-item {\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    padding: 10px;\n    border-bottom: 1px solid #f3f3f3;\n  }\n  .search-item img {\n    width: 56px;\n    height: 56px;\n    object-fit: cover;\n    border-radius: 6px;\n  }\n  .search-item-info {\n    flex: 1;\n    min-width: 0;\n  }\n  .search-item-title {\n    font-weight: 600;\n    font-size: 14px;\n    color: #222;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  .search-item-price {\n    color: #e74c3c;\n    font-size: 13px;\n    margin-top: 4px;\n  }\n\n  \u002F* add\u002Fcompare button *\u002F\n  .compare-btn {\n    white-space: nowrap;\n    padding: 6px 10px;\n    border-radius: 6px;\n    background: #2f80ed;\n    color: #fff;\n    border: none;\n    cursor: pointer;\n    font-size: 13px;\n  }\n  .compare-btn[disabled] {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n  .compare-btn.active {\n    background: red;\n  }\n\n  \u002F* compare table *\u002F\n  .compare-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 18px;\n  }\n  .compare-table td {\n    border: 1px solid #eee;\n    padding: 12px;\n    text-align: center;\n    vertical-align: top;\n  }\n  .compare-table img {\n    max-width: 100px;\n    border-radius: 8px;\n  }\n  .remove-btn {\n    padding: 6px 10px;\n    background: #ef5350;\n    color: #fff;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n  }\n\n  \u002F* small helpers *\u002F\n  .search-loading,\n  .no-results {\n    padding: 12px;\n    color: #666;\n  }\n  .toast {\n    position: fixed;\n    right: 20px;\n    bottom: 20px;\n    background: #222;\n    color: #fff;\n    padding: 10px 14px;\n    border-radius: 8px;\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);\n    opacity: 0.95;\n    z-index: 2000;\n  }\n\n  table tr .field-label {\n    width: 100px;\n    font-weight: bold;\n  }\n  #compare-table h3{\n      font-size: 16px;\n    font-weight: bold;\n  }\n   #compare-table ul {\n\t\t\tborder-collapse: collapse !important;\n\t\t\tborder: none;\n\t\t\twidth: 100% !important;\n\t\t\tmax-width: 100%;\n\t\t\tmargin-bottom: 20px;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\ttext-align: left;\n   }\n   #compare-table ul li:nth-of-type(2n+1) {\n\t\t\t\tbackground-color: rgba(0,0,0,.05);\n\t\t\t}\n  #compare-table ul strong, #compare-table ul h4 {\n    display: inline-block;\n\t\t\t}\n  #compare-table ul li{\n\t\t\t\tpadding: 12px 10px;\n\t\t\t\tline-height: 1.42857143;\n\t\t\t\tvertical-align: middle;\n        display: flex;\n\n\t\t\t}\n@media(max-width: 991px){\n  #compare-table{\n        width: 100%;\n    overflow-x: auto;\n  }\n}\n",false,[],true,"pages_so-sanh",1794388802561]