jeawin-astro 3.0.45 → 3.0.46

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "jeawin-astro",
-    "version": "3.0.45",
+    "version": "3.0.46",
     "author": "chaegumi <chaegumi@qq.com>",
     "description": "",
     "license": "MIT",

package/src/components/banner_swiper.astro

@@ -11,7 +11,7 @@
  * @filesource
  */
 import _ from "lodash";
-import { img_change_attrs, render_value, render_url } from "../scripts/util.js";
+import { img_change_attrs, render_value, render_url, render_lang } from "../scripts/util.js";
 import JeawinApi from "../scripts/cms.js";
 import Button from "./button.astro";
 interface Props {
@@ -69,7 +69,7 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
         >
           {banners.nodes &&
             banners.nodes.map((banner: any, idx: number) => (
-              <swiper-slide class:list={["swiper-slide", SlideClass, { hidden: idx > 0 }]}>
+              <swiper-slide lazy={idx > 0 ? "true" : "false"} class:list={["swiper-slide", SlideClass, { hidden: idx > 0 }]}>
                 {show_title && render_value(banner, 'show_text_block', '1') == '1' ? (
                   <div class="relative h-full w-full">
                     <div class="absolute inset-0 flex items-center justify-center text-white text-center p-4">
@@ -83,7 +83,7 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                         }
                         <div class="text-xs line-clamp-2 md:line-clamp-none md:text-lg md:mt-4">{render_value(banner, 'sub_title')}</div>
                         <Button tag_name="a" class="inline-block md:mt-2" href={render_url(render_value(banner, "linkurl"), base, null, url_suffix)} 
-                        title={render_value(banner, 'btntext') || render_value(all_langs, 'read more')}>{render_value(banner, 'btntext') || render_value(all_langs, 'read more')}</Button>
+                        title={render_value(banner, 'btntext') || render_lang(all_langs, 'read more')}>{render_value(banner, 'btntext') || render_lang(all_langs, 'read more')}</Button>
                       </div>
                       
                     </div>
@@ -96,7 +96,7 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                             width: "100%",
                             fetchpriority: "high",
                           },
-                          ["class", "loading"]
+                          ["class"]
                         )}
                       />
                     ) : (
@@ -106,10 +106,10 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           {
                             width: "100%",
                             class: "",
-                            loading: "",
+                            loading: "lazy",
                             fetchpriority: "high",
                           },
-                          ["class", "loading"]
+                          ["class"]
                         )}
                       />
                     )}
@@ -124,7 +124,7 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                             width: "100%",
                             fetchpriority: "high",
                           },
-                          ["class", "loading"]
+                          ["class"]
                         )}
                       />
                     ) : (
@@ -134,10 +134,10 @@ const banners = await jeawinapi.get_nodes({ channel_id: 5 });
                           {
                             width: "100%",
                             class: "",
-                            loading: "",
+                            loading: "lazy",
                             fetchpriority: "high",
                           },
-                          ["class", "loading"]
+                          ["class"]
                         )}
                       />
                     )}

package/src/components/blocks/block10.astro

@@ -11,7 +11,7 @@
  */
 import SectionContainer from "../section_container.astro";
 import Heading1 from "../heading/heading1.astro";
-import { render_value } from "../../scripts/util.js";
+import { render_lang, render_value } from "../../scripts/util.js";
 
 interface Props {
   bgcolor?: any;
@@ -30,8 +30,8 @@ const {
 } = Astro.props;
 
 const { all_langs } = Astro.locals;
-const DetailLang = render_value(all_langs, "Detail");
-const ContactLang = render_value(all_langs, "Contact");
+const DetailLang = render_lang(all_langs, "Detail");
+const ContactLang = render_lang(all_langs, "Contact");
 
 function splitHtml(content: any) {
   const content_array = content.split("\n");

package/src/components/children_categories_list.astro

@@ -16,6 +16,7 @@ import {
   get_children_categories,
   render_url,
   render_value,
+  render_lang,
   is_default_image,
 } from "../scripts/util.js";
 interface Props {
@@ -30,7 +31,7 @@ const categories = get_children_categories(
   channel_id,
   category_id
 );
-const ProductCountLang = render_value(all_langs, "product");
+const ProductCountLang = render_lang(all_langs, "product");
 ---
 
 <div class="grid grid-cols-2 xl:grid-cols-6 gap-4">

package/src/components/comment_form.astro

@@ -10,7 +10,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-import { render_value } from "../scripts/util.js";
+import { render_value, render_lang } from "../scripts/util.js";
 interface Props {
   canonical: string;
   channel_id: string;
@@ -47,7 +47,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
     <input type="hidden" name="fromurl" value={canonical} />
 
     <div style="margin-top:10px;">
-      {render_value(all_langs, "Nickname")}<span style="color:red;">*</span>:
+      {render_lang(all_langs, "Nickname")}<span style="color:red;">*</span>:
     </div>
     <div>
       <input
@@ -55,7 +55,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
         name="nickname"
         id="comment_nickname"
         autocomplete="off"
-        placeholder={render_value(all_langs, "Enter your nickname")}
+        placeholder={render_lang(all_langs, "Enter your nickname")}
         required="required"
         class="form-control"
         style="width:100%;"
@@ -63,7 +63,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
     </div>
 
     <div style="margin-top:10px;">
-      {render_value(all_langs, "E-mail")}<span style="color:red;">*</span>:
+      {render_lang(all_langs, "E-mail")}<span style="color:red;">*</span>:
     </div>
     <div>
       <input
@@ -71,7 +71,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
         name="email"
         id="comment_email"
         autocomplete="off"
-        placeholder={render_value(all_langs, "Enter your email")}
+        placeholder={render_lang(all_langs, "Enter your email")}
         required="required"
         class="form-control"
         style="width:100%;"
@@ -79,7 +79,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
     </div>
 
     <div style="margin-top:10px;">
-      {render_value(all_langs, "Rate")}<span style="color:red;">*</span>:
+      {render_lang(all_langs, "Rate")}<span style="color:red;">*</span>:
     </div>
     <div>
       <label><input type="radio" name="score" value="1" /> 1</label>
@@ -92,13 +92,13 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
     </div>
 
     <div style="margin-top:10px;">
-      {render_value(all_langs, "Comments")}<span style="color:red;">*</span>:
+      {render_lang(all_langs, "Comments")}<span style="color:red;">*</span>:
     </div>
     <div>
       <textarea
         name="comment"
         id="comment_content"
-        placeholder={render_value(all_langs, "Enter your comment")}
+        placeholder={render_lang(all_langs, "Enter your comment")}
         required="required"
         style="width:100%;"
         class="form-control"
@@ -108,7 +108,7 @@ const { siteinfo, all_langs, jeawin_form_api_domain } = Astro.locals;
       <button
         type="submit"
         class="btn btn-primary ampstart-btn"
-        id="commentFormSubmitBtn">{render_value(all_langs, "Send")}</button
+        id="commentFormSubmitBtn">{render_lang(all_langs, "Send")}</button
       >
     </div>
   </form>

package/src/components/detail_images.astro

@@ -68,7 +68,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
         >
           {
             nodepics.map((pic: any, idx: number) => (
-              <swiper-slide
+              <swiper-slide lazy={idx > 0 ? "true" : "false"} 
                 class:list={[
                   "swiper-slide",
                   { hidden: idx > 0 },
@@ -76,7 +76,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
                 ]}
               >
                 <div class="content-wrapper border border-white p-1 cursor-pointer overflow-hidden h-[60px] w-[60px]">
-                  <Fragment set:html={img_change_attrs(pic, {width:'50', height:'50'}, {})} />
+                  <Fragment set:html={img_change_attrs(pic, {width:'50', height:'50', 'loading':'lazy'}, {})} />
                 </div>
               </swiper-slide>
             ))
@@ -84,7 +84,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
 
           {
             video ? (
-              <swiper-slide class="swiper-slide lg:flex-1 lg:h-[60px] lg:w-[60px] hidden">
+              <swiper-slide lazy="true" class="swiper-slide lg:flex-1 lg:h-[60px] lg:w-[60px] hidden">
                 <div class="content-wrapper border border-white min-h-[100px] lg:min-h-[60px] p-1 cursor-pointer flex items-center justify-center">
                   <Icon name="fa6-solid:file-video" class="size-10" />
                 </div>
@@ -94,7 +94,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
 
           {
             view360 ? (
-              <swiper-slide class="swiper-slide lg:flex-1 lg:h-[60px] lg:w-[60px] hidden">
+              <swiper-slide lazy="true" class="swiper-slide lg:flex-1 lg:h-[60px] lg:w-[60px] hidden">
                 <div class="content-wrapper border border-white p-1 cursor-pointer">
                   <img src={view360img.src} alt="360° viewer" />
                 </div>
@@ -117,7 +117,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
         >
           {
             nodepics.map((pic: any, idx: number) => (
-              <swiper-slide class:list={["swiper-slide", "magnifier", { hidden: idx > 0 }]}>
+              <swiper-slide lazy={idx > 0 ? "true" : "false"} class:list={["swiper-slide", "magnifier", { hidden: idx > 0 }]}>
                 <Fragment set:html={pic} />
               </swiper-slide>
             ))
@@ -125,7 +125,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
 
           {
             video ? (
-              <swiper-slide class="swiper-slide hidden">
+              <swiper-slide lazy="true" class="swiper-slide hidden">
                 <div class="flex min-h-[343px] xl:min-h-[605px] w-full">
                   <img src={video.poster} alt={video.title ? video.title : node_title} />
                   <button
@@ -148,7 +148,7 @@ const { node_title, nodepics = [], video, view360, thumbs_position = 'left' } =
 
           {
             view360 ? (
-              <swiper-slide class="swiper-slide hidden">
+              <swiper-slide lazy="true" class="swiper-slide hidden">
                 <div class="cloudimage-360 swiper-no-swiping" data-image-list-x={`${JSON.stringify(view360)}`} data-magnifier="2" data-fullscreen>
                 </div>
               </swiper-slide>    

package/src/components/downloads/download1.astro

@@ -1,14 +1,14 @@
 ---
-import { render_value, render_date } from "../../scripts/util.js";
+import { render_value, render_date, render_lang } from "../../scripts/util.js";
 interface Props {
   nodes: any[];
 }
 const { nodes } = Astro.props;
 const { all_langs, siteinfo } = Astro.locals;
 
-const titletext = render_value(all_langs, "Title");
-const timetext = render_value(all_langs, "Time");
-const downbtntext = render_value(all_langs, "Download");
+const titletext = render_lang(all_langs, "Title");
+const timetext = render_lang(all_langs, "Time");
+const downbtntext = render_lang(all_langs, "Download");
 ---
 
 <table class="border-collapse table-auto w-full">

package/src/components/downloads/download2.astro

@@ -1,13 +1,13 @@
 ---
 import { Icon } from "astro-icon/components";
-import { render_value, render_url, render_date } from "../../scripts/util.js";
+import { render_value, render_url, render_date, render_lang } from "../../scripts/util.js";
 interface Props {
   nodes: any[];
 }
 const { nodes } = Astro.props;
 const { all_langs, siteinfo, base, url_suffix } = Astro.locals;
 
-const downbtntext = render_value(all_langs, "Download");
+const downbtntext = render_lang(all_langs, "Download");
 ---
 
 <div class="flex flex-col gap-5">

package/src/components/footer/footer1.astro

@@ -12,7 +12,7 @@ import Block from "../block.astro";
 import SiteOptions from "../site_options.astro";
 import SocialMedia from "../social_media.astro";
 
-import { render_url, render_value } from "../../scripts/util.js";
+import { render_lang, render_url, render_value } from "../../scripts/util.js";
 const {max_width_screen = 'max-w-screen-2xl'} = Astro.props;
 const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base, url_suffix } = Astro.locals;
 ---
@@ -111,6 +111,6 @@ const { categoryuriarr, nodeuriarr, menuuriarr, all_langs,base, url_suffix } = A
         <SocialMedia />
       </div>
     </div>
-    <div><Fragment set:html={render_value(all_langs, "Powered by")} /></div>
+    <div><Fragment set:html={render_lang(all_langs, "Powered by")} /></div>
   </div>
 </footer>

package/src/components/footer/footer2.astro

@@ -8,7 +8,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-import { render_value } from "../../scripts/util.js";
+import { render_lang, render_value } from "../../scripts/util.js";
 import SiteOptions from "../site_options.astro";
 import SocialMedia from "../social_media.astro";
 import Friendlinks from "../friendlinks.astro";
@@ -50,7 +50,7 @@ const { canonical, is_home, channel_id, category_id, url, uri, max_width_screen
       class="flex flex-col md:flex-row justify-between py-4 border-t border-[#4a3953]"
     >
       <div class="flex flex-wrap"><SocialMedia /></div>
-      <div><Fragment set:html={render_value(all_langs, "Powered by")} /></div>
+      <div><Fragment set:html={render_lang(all_langs, "Powered by")} /></div>
     </div>
     <SiteOptions option_name="statcode">
       {(option_value: any) => <Fragment set:html={option_value} />}

package/src/components/form.astro

@@ -9,7 +9,7 @@
  * @filesource
  */
 import JeawinApi from "../scripts/cms.js";
-import { render_value } from "../scripts/util.js";
+import { render_value, render_lang } from "../scripts/util.js";
 import Input from "./formitem/input.astro";
 import Textarea from "./formitem/textarea.astro";
 import Radio from "./formitem/radio.astro";
@@ -34,7 +34,7 @@ const jeawinapi = new JeawinApi({
 });
 const forminfo = await jeawinapi.get_form({ form_id });
 // console.log(forminfo);
-const submitbuttontext = render_value(all_langs, "send message");
+const submitbuttontext = render_lang(all_langs, "send message");
 ---
 
 {

package/src/components/formitem/country.astro

@@ -9,7 +9,7 @@
  * @filesource
  */
 import JeawinApi from "../../scripts/cms.js";
-import { render_value } from "../../scripts/util.js";
+import { render_lang, render_value } from "../../scripts/util.js";
 const { field } = Astro.props;
 const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path } =
   Astro.locals;
@@ -26,7 +26,7 @@ const countrylist = await jeawinapi.get_country();
     {field.field_label}
   </span>
   <select class="mt-1 block w-full" autocomplete="off">
-    <option value="">{render_value(all_langs, "Chooce One")}</option>
+    <option value="">{render_lang(all_langs, "Chooce One")}</option>
     {
       countrylist.map((country: any) => (
         <option value={country.en}>{country.en}</option>

package/src/components/friendlinks.astro

@@ -10,7 +10,7 @@
  */
 import _ from "lodash";
 import JeawinApi from "../scripts/cms.js";
-import { render_url, render_value } from "../scripts/util.js";
+import { render_url, render_value,render_lang } from "../scripts/util.js";
 
 const { canonical, is_home, channel_id, category_id, url, uri } = Astro.props;
 const {
@@ -27,7 +27,7 @@ const jeawinapi = new JeawinApi({
   api_path: jeawin_api_path,
 });
 
-const friendlinksLang = render_value(all_langs, "friendlinks");
+const friendlinksLang = render_lang(all_langs, "friendlinks");
 
 const obj = await jeawinapi.get_friendlinks({});
 const friendlinks = _.get(obj, [0], []);

package/src/components/hero/hero3.astro

@@ -1,6 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
-import { render_value } from "../../scripts/util.js";
+import { render_lang, render_value } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 import Star from "../star.astro";
 interface Props {
@@ -56,7 +56,7 @@ const BlockTitleTag = block_title_tag;
       <input
         type="email"
         name="email"
-        placeholder={render_value(all_langs, "Enter your email")}
+        placeholder={render_lang(all_langs, "Enter your email")}
         required="required"
         class="w-full px-3 py-2.5 text-gray-400 bg-gray-700 focus:bg-gray-900 duration-150 outline-hidden rounded-lg shadow-sm sm:max-w-sm sm:w-auto"
       />
@@ -65,7 +65,7 @@ const BlockTitleTag = block_title_tag;
         id="submitbtnsubscribe"
         class="cursor-pointer flex items-center justify-center gap-x-2 py-2.5 px-4 mt-3 w-full text-sm text-white font-medium bg-sky-500 hover:bg-sky-400 active:bg-sky-600 duration-150 rounded-lg sm:mt-0 sm:w-auto"
       >
-        {render_value(all_langs, "Subscribe")}
+        {render_lang(all_langs, "Subscribe")}
         <Icon name="fa6-solid:arrow-right" />
       </button>
     </form>

package/src/components/hero/hero5.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_lang, render_value } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 import JeawinImage from "../image.astro";
 import DefaultImage from "../default_image.astro";
@@ -65,7 +65,7 @@ const BlockTitleTag = block_title_tag;
           <input
             type="email"
             name="email"
-            placeholder={render_value(all_langs, "Enter your email")}
+            placeholder={render_lang(all_langs, "Enter your email")}
             required="required"
             class="text-gray-500 border border-gray-200 outline-hidden p-3 rounded-md w-full sm:w-72"
           />
@@ -74,7 +74,7 @@ const BlockTitleTag = block_title_tag;
             id="submitbtnsubscribe"
             class="cursor-pointer outline-hidden bg-gray-700 text-white text-center px-4 py-3 rounded-md shadow-sm w-full ring-offset-2 ring-gray-700 focus:ring-2 sm:w-auto"
           >
-            {render_value(all_langs, "Subscribe")}
+            {render_lang(all_langs, "Subscribe")}
           </button>
         </form>
       </div>

package/src/components/index_children_categories_list.astro

@@ -11,7 +11,7 @@
 import {
   get_children_categories,
   render_url,
-  render_value,
+  render_value, render_lang
 } from "../scripts/util.js";
 interface Props {
   all_categories: any[];
@@ -25,7 +25,7 @@ const categories = get_children_categories(
   channel_id,
   category_id
 );
-// const ProductCountLang = render_value(all_langs, "product");
+// const ProductCountLang = render_lang(all_langs, "product");
 ---
 
 <ul>

package/src/components/logo.astro

@@ -11,12 +11,14 @@
 import SiteOptions from "./site_options.astro";
 import RemoteImage from "./remote_image.astro";
 import DefaultImage from "./default_image.astro";
+import {render_url} from "../scripts/util.js";
+const {logo_class} = Astro.props;
 ---
 
 <SiteOptions option_name="logo_title">
   {
     (logo_title: any) => (
-      <a href="/" title={logo_title} class="inline-block">
+      <a href={render_url("/")} title={logo_title} class="inline-block">
         <SiteOptions option_name="sitelogo">
           {(sitelogo: any) => (
             <Fragment>
@@ -24,11 +26,11 @@ import DefaultImage from "./default_image.astro";
                 <RemoteImage
                   remote_url={sitelogo}
                   alt={logo_title}
-                  class_str="mx-auto md:m-0"
+                  class_str={`mx-auto md:m-0 ${logo_class}`}
                   is_lcp="1"
                 />
               ) : (
-                <DefaultImage class="mx-auto md:m-0" />
+                <DefaultImage class={`mx-auto md:m-0 ${logo_class}`} />
               )}
             </Fragment>
           )}

package/src/components/newsletter.astro

@@ -8,7 +8,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-import { render_value } from "../scripts/util.js";
+import { render_value, render_lang } from "../scripts/util.js";
 import Input from "./formitem/input.astro";
 const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
 
@@ -31,7 +31,7 @@ const {other_btn_class} = Astro.props;
           field={{
             field_name: "email",
             field_label: "",
-            placeholder: render_value(all_langs, "Enter your email"),
+            placeholder: render_lang(all_langs, "Enter your email"),
           }}
           type="email"
         />
@@ -41,7 +41,7 @@ const {other_btn_class} = Astro.props;
           type="submit"
           id="submitbtnsubscribe"
           class:list={["break-keep cursor-pointer", ...btn_class, other_btn_class ? other_btn_class : null]}
-          >{render_value(all_langs, "Subscribe")}</button
+          >{render_lang(all_langs, "Subscribe")}</button
         >
       </div>
     </div>

package/src/components/newsletters/newsletter1.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -51,7 +51,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           type="email"
           name="email"
           required="required"
-          placeholder={render_value(all_langs, "Enter your email")}
+          placeholder={render_lang(all_langs, "Enter your email")}
           class="text-gray-500 w-full p-2 outline-hidden"
         />
         <button
@@ -59,7 +59,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           id="submitbtnsubscribe"
           class="cursor-pointer break-keep p-2 px-3 rounded-lg font-medium text-white bg-blue-600 hover:bg-blue-500 active:bg-blue-700 duration-150 outline-hidden shadow-md focus:shadow-none sm:px-4"
         >
-          {render_value(all_langs, "Subscribe")}
+          {render_lang(all_langs, "Subscribe")}
         </button>
       </form>
       <div class="mt-3 max-w-lg text-[15px] text-blue-100 sm:mx-auto">

package/src/components/newsletters/newsletter2.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -53,7 +53,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           type="email"
           name="email"
           required="required"
-          placeholder={render_value(all_langs, "Enter your email")}
+          placeholder={render_lang(all_langs, "Enter your email")}
           class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-hidden focus:border-[var(--themeColor600)]"
         />
         <button
@@ -61,7 +61,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           id="submitbtnsubscribe"
           class="cursor-pointer break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-indigo-600 sm:mt-0 sm:ml-3 sm:w-auto"
         >
-          {render_value(all_langs, "Subscribe")}
+          {render_lang(all_langs, "Subscribe")}
         </button>
       </form>
       <div class="mt-3 text-[15px] text-gray-400">

package/src/components/newsletters/newsletter3.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -67,7 +67,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
             type="email"
             name="email"
             required
-            placeholder={render_value(all_langs, "Enter your email")}
+            placeholder={render_lang(all_langs, "Enter your email")}
             class="w-full pl-12 pr-3 py-2 text-gray-500 bg-transparent outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg sm:max-w-xs"
           />
         </div>
@@ -76,7 +76,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           id="submitbtnsubscribe"
           class="cursor-pointer break-keep block w-full py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow-sm sm:w-auto md:w-full"
         >
-          {render_value(all_langs, "Subscribe")}
+          {render_lang(all_langs, "Subscribe")}
         </button>
       </form>
     </div>

package/src/components/newsletters/newsletter4.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -65,7 +65,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
             type="email"
             name="email"
             required
-            placeholder={render_value(all_langs, "Enter your email")}
+            placeholder={render_lang(all_langs, "Enter your email")}
             class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg"
           />
         </div>
@@ -74,7 +74,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           id="submitbtnsubscribe"
           class="cursor-pointer break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
         >
-          {render_value(all_langs, "Subscribe")}
+          {render_lang(all_langs, "Subscribe")}
         </button>
       </form>
     </div>

package/src/components/newsletters/newsletter5.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -60,7 +60,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           type="email"
           name="email"
           required
-          placeholder={render_value(all_langs, "Enter your email")}
+          placeholder={render_lang(all_langs, "Enter your email")}
           class="w-full pl-12 pr-3 py-2 text-gray-500 bg-white outline-hidden border border-gray-200 focus:border-[var(--themeColor600)] shadow-xs rounded-lg"
         />
       </div>
@@ -69,7 +69,7 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
         id="submitbtnsubscribe"
         class="cursor-pointer break-keep block w-auto py-3 px-4 font-medium text-sm text-center text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] active:shadow-none rounded-lg shadow"
       >
-        {render_value(all_langs, "Subscribe")}
+        {render_lang(all_langs, "Subscribe")}
       </button>
     </form>
   </div>

package/src/components/newsletters/newsletter6.astro

@@ -1,5 +1,5 @@
 ---
-import { render_value } from "../../scripts/util.js";
+import { render_value, render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -67,13 +67,13 @@ const { btn_class, siteinfo, jeawin_form_api_domain, all_langs } = Astro.locals;
           type="email"
           name="email"
           required
-          placeholder={render_value(all_langs, "Enter your email")}
+          placeholder={render_lang(all_langs, "Enter your email")}
           class="text-gray-500 w-full p-3 rounded-md border border-gray-200 outline-hidden focus:border-[var(--themeColor600)]"
         />
         <button
           class="cursor-pointer break-keep w-full mt-3 px-5 py-3 rounded-md text-white bg-[var(--themeColor600)] hover:bg-[var(--themeColor500)] active:bg-[var(--themeColor700)] duration-150 outline-hidden shadow-md focus:shadow-none focus:ring-2 ring-offset-2 ring-[var(--themeColor600)] sm:mt-0 sm:ml-3 sm:w-auto"
         >
-          {render_value(all_langs, "Subscribe")}
+          {render_lang(all_langs, "Subscribe")}
         </button>
       </form>
       <div class="mt-3 mx-auto text-center max-w-lg text-[15px] text-gray-400">

package/src/components/pagination.astro

@@ -9,21 +9,21 @@
  * @filesource
  */
 import { sprintf } from "sprintf-js";
-import { render_url, render_value } from "../scripts/util.js";
+import { render_url, render_value, render_lang } from "../scripts/util.js";
 const { uri, total, per_page, current_page, total_pages } = Astro.props;
 
 const { all_langs, base, url_suffix } = Astro.locals;
 
-const previousPageLang = render_value(all_langs, "previous page");
-const nextPageLang = render_value(all_langs, "next page");
-const totalRecordsLang = render_value(all_langs, "Total Records");
+const previousPageLang = render_lang(all_langs, "previous page");
+const nextPageLang = render_lang(all_langs, "next page");
+const totalRecordsLang = render_lang(all_langs, "Total Records");
 
 const totalRecordsLang1 = sprintf(
   totalRecordsLang,
   `<span class="font-medium">${total}</span>`
 );
 
-const recordsPerPageLang = render_value(all_langs, "records per page");
+const recordsPerPageLang = render_lang(all_langs, "records per page");
 
 let centerSize = 5;
 let centerPage = current_page;

package/src/components/prevnext.astro

@@ -9,7 +9,7 @@
  * @filesource
  */
 import JeawinApi from "../scripts/cms.js";
-import { render_url, render_value } from "../scripts/util.js";
+import { render_url, render_value, render_lang } from "../scripts/util.js";
 const { nodeinfo, node_id, channel_id, category_id } = Astro.props;
 const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, base, url_suffix } =
   Astro.locals;
@@ -18,8 +18,8 @@ const jeawinapi = new JeawinApi({
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
 });
-const previousLang = render_value(all_langs, "previous");
-const nextLang = render_value(all_langs, "next");
+const previousLang = render_lang(all_langs, "previous");
+const nextLang = render_lang(all_langs, "next");
 
 let prevnode = null;
 let nextnode = null;
@@ -83,7 +83,7 @@ if (Number(nodeinfo.category_id)) {
     >{nodeinfo.category_name}</div>
     <div>
       <div x-data="{}" class="cursor-pointer text-[var(--themeColor)] hover:underline" 
-      x-on:click={`window.location.href='${render_url(backtolisturl, base, null, url_suffix)}'`}>{render_value(all_langs, 'Back to List')}</div>      
+      x-on:click={`window.location.href='${render_url(backtolisturl, base, null, url_suffix)}'`}>{render_lang(all_langs, 'Back to List')}</div>      
     </div>
 
   </div>

package/src/components/prevnext_simple.astro

@@ -1,7 +1,7 @@
 ---
 import { Icon } from "astro-icon/components";
 import JeawinApi from "../scripts/cms.js";
-import { render_url, render_value } from "../scripts/util.js";
+import { render_url, render_value, render_lang } from "../scripts/util.js";
 const { nodeinfo, node_id, channel_id, category_id } = Astro.props;
 const { all_langs, jeawin_apikey, jeawin_api_domain, jeawin_api_path, base, url_suffix } =
   Astro.locals;
@@ -10,8 +10,8 @@ const jeawinapi = new JeawinApi({
   api_domain: jeawin_api_domain,
   api_path: jeawin_api_path,
 });
-const previousLang = render_value(all_langs, "previous");
-const nextLang = render_value(all_langs, "next");
+const previousLang = render_lang(all_langs, "previous");
+const nextLang = render_lang(all_langs, "next");
 
 let prevnode = null;
 let nextnode = null;

package/src/components/pricings/pricing1.astro

@@ -1,5 +1,5 @@
 ---
-import { render_url, render_value } from "../../scripts/util.js";
+import { render_url, render_value,render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -57,7 +57,7 @@ const { all_langs,base, url_suffix } = Astro.locals;
 
           <div class="mt-6">
             <div class="text-gray-800 text-xl font-semibold mb-2">
-              {render_value(all_langs, "Features")}
+              {render_lang(all_langs, "Features")}
             </div>
 
             <ul class="mt-6 space-y-4">

package/src/components/pricings/pricing10.astro

@@ -1,5 +1,5 @@
 ---
-import { render_url, render_value } from "../../scripts/util.js";
+import { render_url, render_value, render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -68,7 +68,7 @@ const { all_langs,base, url_suffix } = Astro.locals;
           </div>
           <ul class="p-4 py-8 space-y-3 md:p-8">
             <li class="pb-2 text-gray-800 font-medium">
-              {render_value(all_langs, "Features")}
+              {render_lang(all_langs, "Features")}
             </li>
             {itm.features.map((itm1: any) => (
               <li class="flex items-center gap-5">

package/src/components/pricings/pricing3.astro

@@ -1,5 +1,5 @@
 ---
-import {render_url, render_value} from '../../scripts/util.js';
+import {render_url, render_value,render_lang} from '../../scripts/util.js';
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -35,7 +35,7 @@ const {all_langs,base,url_suffix} = Astro.locals;
       <thead class="whitespace-nowrap">
         <tr class="h-24">
           <th class="text-gray-800 px-2 py-1 font-semibold text-lg">
-            {render_value(all_langs, "Features")}
+            {render_lang(all_langs, "Features")}
           </th>
           {
             plans.map((plan: any) => (

package/src/components/pricings/pricing7.astro

@@ -1,5 +1,5 @@
 ---
-import { render_url, render_value } from "../../scripts/util.js";
+import { render_url, render_value, render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -88,7 +88,7 @@ const { all_langs,base, url_suffix } = Astro.locals;
       </div>
       <ul class="p-4 space-y-3 sm:grid sm:grid-cols-2 md:block md:p-8 lg:grid">
         <div class="pb-2 col-span-2 text-gray-800 font-medium">
-          <p>{render_value(all_langs, "Features")}</p>
+          <p>{render_lang(all_langs, "Features")}</p>
         </div>
 
         {

package/src/components/pricings/pricing8.astro

@@ -1,5 +1,5 @@
 ---
-import { render_url, render_value } from "../../scripts/util.js";
+import { render_url, render_value, render_lang } from "../../scripts/util.js";
 import SectionContainer from "../section_container.astro";
 interface Props {
   bgcolor?: any;
@@ -70,7 +70,7 @@ const { all_langs,base, url_suffix } = Astro.locals;
           </div>
           <ul class="p-8 space-y-3">
             <li class="pb-2 text-gray-800 font-medium">
-              <p>{render_value(all_langs, "Features")}</p>
+              <p>{render_lang(all_langs, "Features")}</p>
             </li>
             {plan.features.map((feature: any) => (
               <li class="flex items-center gap-5">

package/src/components/product_card.astro

@@ -8,7 +8,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-import { render_url, render_value } from "../scripts/util.js";
+import { render_url, render_value, render_lang } from "../scripts/util.js";
 
 import DefaultImage from "./default_image.astro";
 import RenderImage from "./image.astro";
@@ -29,7 +29,7 @@ const { all_langs, base, url_suffix } = Astro.locals;
 
 const TitleTag = title_tag || "div";
 
-const RequestBtnText = render_value(all_langs, "request a quote");
+const RequestBtnText = render_lang(all_langs, "request a quote");
 // console.log(imgobj);
 ---
 

package/src/components/search_input.astro

@@ -1,14 +1,14 @@
 ---
 import { Icon } from "astro-icon/components";
-import { render_value } from "../scripts/util.js";
+import { render_lang, render_value } from "../scripts/util.js";
 interface Props {
   show_search_box?: boolean;
   search_icon_style?: string;
 }
 const { all_langs } = Astro.locals;
 const {show_search_box = false, search_icon_style} = Astro.props;
-const searchInputLang = render_value(all_langs, "Search by site");
-const searchLang = render_value(all_langs, "Search");
+const searchInputLang = render_lang(all_langs, "Search by site");
+const searchLang = render_lang(all_langs, "Search");
 ---
 
 <div>
@@ -28,7 +28,7 @@ const searchLang = render_value(all_langs, "Search");
     <div class="size-5">
       <Icon
         name="fa6-solid:magnifying-glass"
-        class:list={["size-5 cursor-pointer", {"md:hidden":show_search_box}, search_icon_style]}
+        class:list={["search-input-icon","size-5 cursor-pointer", {"md:hidden":show_search_box}, search_icon_style]}
         x-on:click="openSearchForm"
         x-show="!showSearchForm"
       />      
@@ -54,12 +54,12 @@ const searchLang = render_value(all_langs, "Search");
               autocomplete="off" required="required"
             />
             <button type="submit" class="cursor-pointer absolute inset-y-0 right-0 flex items-center pr-2">
-              <Icon name="fa6-solid:magnifying-glass" class="size-4" />
+              <Icon name="fa6-solid:magnifying-glass" class="search-input-submit-btn-icon size-4" />
             </button>
           </label>
           <Icon
             name="fa6-solid:xmark"
-            class="size-5 text-red-500 cursor-pointer"
+            class="search-input-clear-icon size-5 text-red-500 cursor-pointer"
             x-on:click="closeSearchForm"
           />
         </div>

package/src/components/search_result.astro

@@ -9,7 +9,7 @@
  * @filesource
  */
 import { sprintf } from "sprintf-js";
-import { render_value } from "../scripts/util.js";
+import { render_lang, render_value } from "../scripts/util.js";
 import loadingImg from "../assets/images/loading.gif";
 import SearchInput from "./formitem/searchinput.astro";
 const { channel_name, site_id, list_tpl } = Astro.props;
@@ -18,12 +18,12 @@ const { all_langs, jeawin_api_domain, jeawin_form_api_domain } = Astro.locals;
 
 const site = Astro.site;
 
-const previousPageLang = render_value(all_langs, "previous page");
-const nextPageLang = render_value(all_langs, "next page");
-const readmoreLang = render_value(all_langs, "read more");
-const searchresultforLang = render_value(all_langs, "Search Result for");
+const previousPageLang = render_lang(all_langs, "previous page");
+const nextPageLang = render_lang(all_langs, "next page");
+const readmoreLang = render_lang(all_langs, "read more");
+const searchresultforLang = render_lang(all_langs, "Search Result for");
 
-const totalRecordsLang = render_value(all_langs, "Total Records");
+const totalRecordsLang = render_lang(all_langs, "Total Records");
 
 let nav_wrapper_class = "isolate inline-flex -space-x-px rounded-md shadow-xs";
 

package/src/components/share_button.astro

@@ -8,7 +8,7 @@
  * @email		chaegumi@jeawin.com
  * @filesource
  */
-import { render_value } from "../scripts/util.js";
+import { render_lang, render_value } from "../scripts/util.js";
 const { canonical, seo_title, seo_description } = Astro.props;
 
 const { all_langs } = Astro.locals;
@@ -21,7 +21,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>`,
-    title: render_value(all_langs, "share on facebook", "share on facebook"),
+    title: render_lang(all_langs, "share on facebook"),
     url: `https://www.facebook.com/sharer.php?u=${canonical}`,
   },
   {
@@ -30,7 +30,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>`,
-    title: render_value(all_langs, "share on twitter", "share on twitter"),
+    title: render_lang(all_langs, "share on twitter"),
     url: `https://twitter.com/intent/tweet?text=${encodeURIComponent(
       seo_title
     )}&amp;url=${encodeURIComponent(canonical)}`,
@@ -41,7 +41,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M384 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h72.6l-2.2-.8c-5.4-48.1-3.1-57.5 15.7-134.7c3.9-16 8.5-35 13.9-57.9c0 0-7.3-14.8-7.3-36.5c0-70.7 75.5-78 75.5-25c0 13.5-5.4 31.1-11.2 49.8c-3.3 10.6-6.6 21.5-9.1 32c-5.7 24.5 12.3 44.4 36.4 44.4c43.7 0 77.2-46 77.2-112.4c0-58.8-42.3-99.9-102.6-99.9C153 139 112 191.4 112 245.6c0 21.1 8.2 43.7 18.3 56c2 2.4 2.3 4.5 1.7 7c-1.1 4.7-3.1 12.9-4.7 19.2c-1 4-1.8 7.3-2.1 8.6c-1.1 4.5-3.5 5.5-8.2 3.3c-30.6-14.3-49.8-59.1-49.8-95.1C67.2 167.1 123.4 96 229.4 96c85.2 0 151.4 60.7 151.4 141.8c0 84.6-53.3 152.7-127.4 152.7c-24.9 0-48.3-12.9-56.3-28.2c0 0-12.3 46.9-15.3 58.4c-5 19.3-17.6 42.9-27.4 59.3H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64z"/></svg>`,
-    title: render_value(all_langs, "share on pinterest", "share on pinterest"),
+    title: render_lang(all_langs, "share on pinterest"),
     url: `https://pinterest.com/pin/create/button/?url=${encodeURIComponent(
       canonical
     )}&description=${encodeURIComponent(seo_title)}`,
@@ -52,7 +52,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>`,
-    title: render_value(all_langs, "share on linkedin", "share on linkedin"),
+    title: render_lang(all_langs, "share on linkedin"),
     url: `https://www.linkedin.com/shareArticle?mini=true&url=${encodeURIComponent(
       canonical
     )}&title=${encodeURIComponent(seo_title)}`,
@@ -63,7 +63,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M64 32l320 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32zM305.9 166.4c20.6 0 37.3-16.7 37.3-37.3s-16.7-37.3-37.3-37.3c-18 0-33.1 12.8-36.6 29.8c-30.2 3.2-53.8 28.8-53.8 59.9l0 .2c-32.8 1.4-62.8 10.7-86.6 25.5c-8.8-6.8-19.9-10.9-32-10.9c-28.9 0-52.3 23.4-52.3 52.3c0 21 12.3 39 30.1 47.4c1.7 60.7 67.9 109.6 149.3 109.6s147.6-48.9 149.3-109.7c17.7-8.4 29.9-26.4 29.9-47.3c0-28.9-23.4-52.3-52.3-52.3c-12 0-23 4-31.9 10.8c-24-14.9-54.3-24.2-87.5-25.4l0-.1c0-22.2 16.5-40.7 37.9-43.7l0 0c3.9 16.5 18.7 28.7 36.3 28.7zM155 248.1c14.6 0 25.8 15.4 25 34.4s-11.8 25.9-26.5 25.9s-27.5-7.7-26.6-26.7s13.5-33.5 28.1-33.5zm166.4 33.5c.9 19-12 26.7-26.6 26.7s-25.6-6.9-26.5-25.9c-.9-19 10.3-34.4 25-34.4s27.3 14.6 28.1 33.5zm-42.1 49.6c-9 21.5-30.3 36.7-55.1 36.7s-46.1-15.1-55.1-36.7c-1.1-2.6 .7-5.4 3.4-5.7c16.1-1.6 33.5-2.5 51.7-2.5s35.6 .9 51.7 2.5c2.7 .3 4.5 3.1 3.4 5.7z"/></svg>`,
-    title: render_value(all_langs, "share on reddit", "share on reddit"),
+    title: render_lang(all_langs, "share on reddit"),
     url: `http://www.reddit.com/submit?url=${encodeURIComponent(
       canonical
     )}&title=${encodeURIComponent(seo_title)}`,
@@ -74,7 +74,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 512 512"><path d="M311 196.8v81.3c0 2.1-1.6 3.7-3.7 3.7h-13c-1.3 0-2.4-.7-3-1.5l-37.3-50.3v48.2c0 2.1-1.6 3.7-3.7 3.7h-13c-2.1 0-3.7-1.6-3.7-3.7V196.9c0-2.1 1.6-3.7 3.7-3.7h12.9c1.1 0 2.4 .6 3 1.6l37.3 50.3V196.9c0-2.1 1.6-3.7 3.7-3.7h13c2.1-.1 3.8 1.6 3.8 3.5zm-93.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 2.1 1.6 3.7 3.7 3.7h13c2.1 0 3.7-1.6 3.7-3.7V196.8c0-1.9-1.6-3.7-3.7-3.7zm-31.4 68.1H150.3V196.8c0-2.1-1.6-3.7-3.7-3.7h-13c-2.1 0-3.7 1.6-3.7 3.7v81.3c0 1 .3 1.8 1 2.5c.7 .6 1.5 1 2.5 1h52.2c2.1 0 3.7-1.6 3.7-3.7v-13c0-1.9-1.6-3.7-3.5-3.7zm193.7-68.1H327.3c-1.9 0-3.7 1.6-3.7 3.7v81.3c0 1.9 1.6 3.7 3.7 3.7h52.2c2.1 0 3.7-1.6 3.7-3.7V265c0-2.1-1.6-3.7-3.7-3.7H344V247.7h35.5c2.1 0 3.7-1.6 3.7-3.7V230.9c0-2.1-1.6-3.7-3.7-3.7H344V213.5h35.5c2.1 0 3.7-1.6 3.7-3.7v-13c-.1-1.9-1.7-3.7-3.7-3.7zM512 93.4V419.4c-.1 51.2-42.1 92.7-93.4 92.6H92.6C41.4 511.9-.1 469.8 0 418.6V92.6C.1 41.4 42.2-.1 93.4 0H419.4c51.2 .1 92.7 42.1 92.6 93.4zM441.6 233.5c0-83.4-83.7-151.3-186.4-151.3s-186.4 67.9-186.4 151.3c0 74.7 66.3 137.4 155.9 149.3c21.8 4.7 19.3 12.7 14.4 42.1c-.8 4.7-3.8 18.4 16.1 10.1s107.3-63.2 146.5-108.2c27-29.7 39.9-59.8 39.9-93.1z"/></svg>`,
-    title: render_value(all_langs, "share on line", "share on line"),
+    title: render_lang(all_langs, "share on line"),
     url: `https://line.me/R/msg/text/?${encodeURIComponent(
       seo_title
     )} ${encodeURIComponent(canonical)}`,
@@ -85,7 +85,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M92.1 254.6c0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6L152 365.2l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8zM274.8 330c-12.6 1.9-22.4 .9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3 .5-.5 .7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6 .1c.3 0 .5 0 .8 0c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3 .3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8 .4 1.5 .7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9 .9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM148.1 393.9L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3z"/></svg>`,
-    title: render_value(all_langs, "share on whatsapp", "share on whatsapp"),
+    title: render_lang(all_langs, "share on whatsapp"),
     url: `https://api.whatsapp.com/send?text=${encodeURIComponent(
       seo_title
     )} ${encodeURIComponent(canonical)}&phone=`,
@@ -96,7 +96,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 512 512"><path d="M64 112c-8.8 0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16H448c8.8 0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64H448c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128z"/></svg>`,
-    title: render_value(all_langs, "share on email", "share on email"),
+    title: render_lang(all_langs, "share on email"),
     url: `mailto:?subject=${encodeURIComponent(
       seo_title
     )}&body=${encodeURIComponent(canonical)}`,
@@ -107,7 +107,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 512 512"><path d="M407 177.6c7.6-24-13.4-46.8-37.4-41.7-22 4.8-28.8-28.1-7.1-32.8 50.1-10.9 92.3 37.1 76.5 84.8-6.8 21.2-38.8 10.8-32-10.3zM214.8 446.7C108.5 446.7 0 395.3 0 310.4c0-44.3 28-95.4 76.3-143.7C176 67 279.5 65.8 249.9 161c-4 13.1 12.3 5.7 12.3 6 79.5-33.6 140.5-16.8 114 51.4-3.7 9.4 1.1 10.9 8.3 13.1 135.7 42.3 34.8 215.2-169.7 215.2zm143.7-146.3c-5.4-55.7-78.5-94-163.4-85.7-84.8 8.6-148.8 60.3-143.4 116s78.5 94 163.4 85.7c84.8-8.6 148.8-60.3 143.4-116zM347.9 35.1c-25.9 5.6-16.8 43.7 8.3 38.3 72.3-15.2 134.8 52.8 111.7 124-7.4 24.2 29.1 37 37.4 12 31.9-99.8-55.1-195.9-157.4-174.3zm-78.5 311c-17.1 38.8-66.8 60-109.1 46.3-40.8-13.1-58-53.4-40.3-89.7 17.7-35.4 63.1-55.4 103.4-45.1 42 10.8 63.1 50.2 46 88.5zm-86.3-30c-12.9-5.4-30 .3-38 12.9-8.3 12.9-4.3 28 8.6 34 13.1 6 30.8 .3 39.1-12.9 8-13.1 3.7-28.3-9.7-34zm32.6-13.4c-5.1-1.7-11.4 .6-14.3 5.4-2.9 5.1-1.4 10.6 3.7 12.9 5.1 2 11.7-.3 14.6-5.4 2.8-5.2 1.1-10.9-4-12.9z"/></svg>`,
-    title: render_value(all_langs, "share on weibo", "share on weibo"),
+    title: render_lang(all_langs, "share on weibo"),
     url: `https://service.weibo.com/share/share.php?title=${encodeURIComponent(
       seo_title
     )}&url=${encodeURIComponent(canonical)}`,
@@ -118,7 +118,7 @@ const medias = [
     }" width="${
       14 * multiple
     }" viewBox="0 0 448 512"><path d="M433.8 420.4c-11.5 1.4-44.9-52.7-44.9-52.7 0 31.3-16.1 72.2-51.1 101.8 16.8 5.2 54.8 19.2 45.8 34.4-7.3 12.3-125.5 7.9-159.6 4-34.1 3.8-152.3 8.3-159.6-4-9-15.3 28.9-29.2 45.8-34.4-34.9-29.5-51.1-70.4-51.1-101.8 0 0-33.3 54.1-44.9 52.7-5.4-.7-12.4-29.6 9.3-99.7 10.3-33 22-60.5 40.1-105.8C60.7 98.1 109 0 224 0c113.7 0 163.2 96.1 160.3 215 18.1 45.2 29.9 72.9 40.1 105.8 21.8 70.1 14.7 99.1 9.3 99.7z"/></svg>`,
-    title: render_value(all_langs, "share on qzone", "share on qzone"),
+    title: render_lang(all_langs, "share on qzone"),
     url: `https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=${encodeURIComponent(
       canonical
     )}&pics=&title=${encodeURIComponent(
@@ -129,7 +129,7 @@ const medias = [
 ---
 
 <div class="flex gap-2" data-aos="fade-up" data-aos-once="false">
-  <div>{render_value(all_langs, "Share on", "Share on")}</div>
+  <div>{render_lang(all_langs, "Share on")}</div>
   <ul class="flex gap-2 flex-wrap m-0 p-0">
     {
       medias.map((media) => (

package/src/components/smartmenus.astro

@@ -47,7 +47,7 @@ import "smartmenus/dist/css/smartmenus.min.css"
   <!-- Navbar 1 -->
   <nav id="navbar-header" class="sm-navbar gap-4">
     <div class="sm-brand w-1/2 md:w-auto">
-      <Logo />
+      <Logo logo_class="max-h-12 w-full" />
     </div>
 
     <span class="sm-toggler-state" id="sm-toggler-state-1"></span>
@@ -89,9 +89,9 @@ import "smartmenus/dist/css/smartmenus.min.css"
                 )}
               </Fragment>
             ) : (
-              <li class={`sm-nav-item`}>
+              <li class:list={`sm-nav-item`}>
                 <a
-                  class={`sm-nav-link ${
+                  class:list={`sm-nav-link ${
                     menu_root_link_id == menu.id ||
                     (menu_root_link_id == 0 && menu.link_url == "")
                       ? "sm-selected"

package/src/components/smartmenus_megamenu.astro

@@ -22,7 +22,7 @@ if (
 ---
 
 <li class="sm-nav-item sm-nav-item--has-mega">
-  <a class={aClass} href={render_url(menu.link_url, base, null, url_suffix)} title={menu.link_title}
+  <a class:list={aClass} href={render_url(menu.link_url, base, null, url_suffix)} title={menu.link_title}
     >{menu.link_title}</a
   >
   <button

package/src/components/smartmenus_submenu.astro

@@ -30,15 +30,15 @@ if (
 <Fragment>
   {
     menu.children ? (
-      <li class={`${liClass} ${is_sub ? "hs-has-sub-menu" : ""}`}>
+      <li class:list={`${liClass} ${is_sub ? "hs-has-sub-menu" : ""}`}>
         <a
-          class={aClass}
+          class:list={aClass}
           href={render_url(menu.link_url, base, null, url_suffix)}
           title={menu.link_title}
           target={menu.target}
         >{menu.link_title}</a>
 
-        <button class={`${aClass} sm-sub-toggler`} aria-label="Toggle sub menu">
+        <button class:list={`${aClass} sm-sub-toggler`} aria-label="Toggle sub menu">
           {menu.nodecount ? menu.nodecount : ""}
         </button>
 
@@ -53,14 +53,14 @@ if (
         </ul>
       </li>
     ) : (
-      <li class={liClass}>
+      <li class:list={liClass}>
         <a
-          class={aClass}
+          class:list={aClass}
           href={render_url(menu.link_url, base, null, url_suffix)}
           title={menu.link_title}
           target={menu.target}
         >{menu.link_title}</a>
-        {menu.nodecount ? <span class={aClass}>{menu.nodecount}</span> : null}
+        {menu.nodecount ? <span class:list={aClass}>{menu.nodecount}</span> : null}
       </li>
     )
   }

package/src/components/swiper.astro

@@ -50,7 +50,7 @@ if (Astro.slots.has("default")) {
       ) : (
         <Fragment>
           {items.map((item: any, idx: number) => (
-            <swiper-slide
+            <swiper-slide lazy={idx > 0 ? "true" : "false"} 
               class:list={[{ hidden: idx > 0 }, "swiper-slide", "h-auto"]}
             >
               <CommonCard node={item} />

package/src/layouts/Footer.astro

@@ -11,7 +11,7 @@
 import _ from "lodash";
 import Block from "../components/block.astro";
 import JeawinApi from "../scripts/cms.js";
-import { render_url, render_date, render_value } from "../scripts/util.js";
+import { render_url, render_date, render_value, render_lang } from "../scripts/util.js";
 import SiteOptions from "../components/site_options.astro";
 import Friendlinks from "../components/friendlinks.astro";
 import ChooseLanguage from "../components/choose_language.astro";
@@ -109,7 +109,7 @@ const menus = await jeawinapi.get_menus({
           </div>
           <div class="w-full md:w-1/3">
             <div class="mb-5 text-lg">
-              {render_value(all_langs, "Useful Links")}
+              {render_lang(all_langs, "Useful Links")}
             </div>
             <ul>
               {
@@ -175,7 +175,7 @@ const menus = await jeawinapi.get_menus({
       </div>
     </div>
 
-    <div><Fragment set:html={render_value(all_langs, "Powered by")} /></div>
+    <div><Fragment set:html={render_lang(all_langs, "Powered by")} /></div>
   </div>
 </footer>
 <style define:vars={{ bgimg1: `url(${bg1.src})`, bgimg2: `url(${bg2.src})` }}>

package/src/scripts/consts.js

@@ -4,10 +4,14 @@ import _ from 'lodash';
  * 图标配置
  */
 export const ICONS_INCLUDE = {
-    'fa6-solid': ['magnifying-glass', 'clock', 'eye', 'envelope', 'phone', 'fax', 'angle-right', 'angle-left', 'angle-up', 'angle-down', 'arrow-right',
-        'arrow-left', 'arrow-up', 'arrow-down', 'house', 'message', 'circle-question', 'xmark', 'video', 'download',
+    'fa6-solid': ['magnifying-glass', 'clock', 'eye', 'envelope', 'phone', 'fax', 
+        'angle-right', 'angle-left', 'angle-up', 'angle-down', 
+        'arrow-right', 'arrow-left', 'arrow-up', 'arrow-down', 
+        'caret-right', 'caret-left', 'caret-up', 'caret-down',
+        'house', 'message', 'circle-question', 'xmark', 'video', 'download',
         'file-pdf', 'file-csv', 'file-image', 'file-word', 'file-video', 'file-powerpoint', 'file-excel',
-        'file-code', 'file-audio', 'file', 'file-zipper', 'sun', 'moon', 'up-right-from-square', 'user', 'user-tag', 'tag', 'tags', 'lock', 'lock-open', 'unlock'],
+        'file-code', 'file-audio', 'file', 'file-zipper', 'sun', 'moon', 'up-right-from-square', 
+        'user', 'user-tag', 'tag', 'tags', 'lock', 'lock-open', 'unlock'],
     'fa6-brands': ['x-twitter', 'facebook', 'youtube', 'tiktok', 'linkedin',
         'google-plus', 'flickr', 'pinterest', 'whatsapp', 'instagram', 'qq', 'weixin', 'weibo', 'bilibili', 'zhihu']
 };