https://www.codeandweb.com/component---src-templates-knowledgebase…hat-is-t-in-vue-mdx-02212f857bba0371d1e0.js

1"use strict";(self.webpackChunkcodeandweb=self.webpackChunkcodeandweb||[]).push([[34832],{3607:function(e,t,a){var n=a(82839).match(/AppleWebKit\/(\d+)\./);e.exports=!!n&&+n[1]},13709:function(e,t,a){var n=a(82839).match(/firefox\/(\d+)/i);e.exports=!!n&&+n[1]},13763:function(e,t,a){var n=a(82839);e.exports=/MSIE|Trident/.test(n)},24012:function(e,t,a){a.d(t,{K:function(){return l}});var n=a(90177),r=a(96540);const l=e=>{let{related:t}=e;return t&&r.createElement("nav",{"aria-label":"Related pages",className:"py-4 px-2 bg-gray-100 text-xs"},r.createElement("h2",{className:"font-bold pr-0 uppercase text-gray-600 my-1 pb-2 border-l-4 border-transparent"},"Related Pages"),r.createElement("ul",{className:"border-l-4 border-transparent"},t.map((e=>{let{title:t,url:a}=e;return r.createElement("li",{key:t,className:"pb-2"},r.createElement(n.A,{to:a,className:"text-gray-700 hover:text-gray-900 hover:underline"},t))}))))}},26910:function(e,t,a){var n=a(46518),r=a(79504),l=a(79306),s=a(48981),c=a(26198),o=a(84606),i=a(655),m=a(79039),u=a(74488),d=a(34598),f=a(13709),p=a(13763),g=a(39519),h=a(3607),v=[],E=r(v.sort),x=r(v.push),b=m((function(){v.sort(void 0)})),w=m((function(){v.sort(null)})),N=d("sort"),y=!m((function(){if(g)return g<70;if(!(f&&f>3)){if(p)return!0;if(h)return h<603;var e,t,a,n,r="";for(e=65;e<76;

1e++){switch(t=String.fromCharCode(e),e){case 66:case 69:case 70:case 72:a=3;break;case 68:case 71:a=4;break;default:a=2}for(n=0;n<47;n++)v.push({k:t+n,v:a})}for(v.sort((function(e,t){return t.v-e.v})),n=0;n<v.length;n++)t=v[n].k.charAt(0),r.charAt(r.length-1)!==t&&(r+=t);return"DGBEFHACIJK"!==r}}));n({target:"Array",proto:!0,forced:b||!w||!N||!y},{sort:function(e){void 0!==e&&l(e);var t=s(this);if(y)return void 0===e?E(t):E(t,e);var a,n,r=[],m=c(t);for(n=0;n<m;n++)n in t&&x(r,t[n]);for(u(r,function(e){return function(t,a){return void 0===a?-1:void 0===t?1:void 0!==e?+e(t,a)||0:i(t)>i(a)?1:-1}}(e)),a=c(r),n=0;n<a;)t[n]=r[n++];for(;n<m;)o(t,n++);return t}})},34598:function(e,t,a){var n=a(79039);e.exports=function(e,t){var a=[][e];return!!a&&n((function(){a.call(null,t||function(){return 1},1)}))}},41971:function(e,t,a){a.d(t,{Y:function(){return E}});var n=a(98587),r=a(96540);const l=["className"];var s=e=>{let{className:t}=e,a=(0,n.A)(e,l);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"}))},c=a(55848);const o=["className"];var i=e=>{let{className:t}=e,a=(0,n.A)(e,o);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"}))};function m(e){let{tags:t}=e;return r.createElement("div",{className:"flex items-center"},r.createElement(i,{className:"inline-block h-3 mr-2 shrink-0"}),r.createElement("div",null,t.map(((e,t)=>[t>0&&r.createElement("span",{key:"comma-"+e},",  "),r.createElement(c.F,{key:e,className:"underline hover:text-gray-900",tag:e},e)]))))}var u=a(32532),d=a(24794);const f=["className"];var p=e=>{let{className:t}=e,a=(0,n.A)(e,f);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"}))},g=a(93069),h=a(46942),v=a.n(h);const E=e=>{let{pageData:t,image:a,smallHeading:n=!1}=e,l=!1,c="",o="";if(t.date){const e=new Date(Date.parse(t.date)),a=(0,d.useStaticQuery)("1552981879"),n=new Date(Date.parse(a.currentBuildDate.currentDate)),r=864e5,s=Math.floor((n.getTime()-e.getTime())/r);c=e.toLocaleDateString("en-US",{dateStyle:"long"}),o=e.toISOString(),l=s<365}const{title:i,authors:f,tags:h,github:E}=t,x={"@context":"https://schema.org","@type":"TechArticle",headline:i,author:f.map((e=>({"@type":"Person",name:e}))),dateModified:o};if(a){const e=(0,u.d)(a);e&&(x.image=e)}const b=(0,u.c)(a||null),w=n?"text-xl":"text-3xl";return r.createElement("div",{className:"px-4 max-w-4xl"},r.createElement("h1",{className:v()(w,"font-bold mb-2 mt-8")},i),r.createElement("div",{className:"text-gray-500 mb-4 mt-2 flex gap-x-4 gap-y-2 items-baseline text-xs flex-wrap"},f.length>0&&r.createElement("div",{className:"flex items-center"},r.createElement(s,{className:"inline-block h-3 mr-2"}),f.join(", ")),l&&r.createElement("div",{className:"flex items-center"},r.createElement(p,{className:"inline-block h-3 mr-2"}),r.createElement("span",{className:"sr-only"},"Last updated: "),r.createElement("time",{dateTime:o},c)),h.length>0&&r.createElement(m,{tags:h}),E&&r.createElement("a",{href:t.github,target:"_blank",rel:"nofollow noopener noreferrer",className:"underline hover:text-gray-900 flex items-center ml-auto"},r.createElement(g.A,{className:"inline-block h-[0.95rem] mr-2"}),"GitHub")),b&&r.createElement(u.G,{image:b,className:"w-full object-cover",alt:i,loading:"eager"}),r.createElement("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(x)}}))}},49287:function(e,t,a){a.r(t),a.d(t,{Head:function(){return y},default:function(){return N}});var n=a(28453),r=a(96540),l=a(90177),s=a(32532),c=a(46942),o=a.n(c);const i=e=>{let{tutorial:t}=e;const{title:a,description:n,image:c,slug:i}

1=t,m=(0,s.c)(c);return r.createElement("div",{className:"not-prose"},r.createElement(l.A,{className:"flex rounded-lg mx-auto border bg-white border-gray-200 hover:border-indigo-400 group drop-shadow hover:drop-shadow-md",to:i},r.createElement("div",{className:"shrink-0"},r.createElement(s.G,{image:m,alt:a,className:o()("w-64 aspect-16/9"),imgClassName:"rounded-l-lg"})),r.createElement("div",{className:"flex-1 dark:bg-slate-900 px-6 flex flex-col justify-center"},r.createElement("div",null,r.createElement("div",{className:"text-base font-semibold text-gray-900"},a),r.createElement("p",{className:"mt-3 text-sm text-gray-600"},n),r.createElement("div",{className:"mt-2 flex justify-end"},r.createElement("span",{className:"bg-indigo-400 shadow-sm text-white rounded-sm text-sm px-2 py-1 group-hover:bg-indigo-500"},"Read now ",r.createElement("span",{"aria-hidden":"true"},"→")))))))};var m=a(24794),u=a(94307);const d=()=>{const e=(0,u.CT)((0,m.useStaticQuery)("2701032728").tutorials);return r.createElement(i,{tutorial:e[0]})};function f(e){const t=Object.assign({p:"p",strong:"strong",pre:"pre",code:"code",a:"a"},(0,n.R)(),e.components);return r.createElement(r.Fragment,null,r.createElement(t.p,null,"The $t function is part of the Vue-i18n library, and it is used to translate text in a Vue.js application.\nIt works by looking up a translation key in a language file, and returning the translated text associated with that key."),"\n",r.createElement(d),"\n",r.createElement(t.p,null,"For example, if you have a language file that contains the following:"),"\n",r.createElement(t.p,null,r.createElement(t.strong,null,"locales/fr.json")),"\n",r.createElement(t.pre,null,r.createElement(t.code,{className:"language-json"},'{\n    "hello": "Bonjour"\n}\n')),"\n",r.createElement(t.p,null,"You can use the ",r.createElement(t.code,null,"$t"),' function to translate the key "hello" like this:'),"\n",r.createElement(t.pre,null,r.createElement(t.code,{className:"language-html"},'<template>\n    <div>{{ $t("hello") }}</div>\n</template>\n')),"\n",r.createElement(t.p,null,"In this example, the ",r.createElement(t.code,null,"$t"),' function will return "Bonjour".\nThe language file and the translation keys can be customized to meet the needs of your application.'),"\n",r.createElement(t.p,null,"The ",r.createElement(t.code,null,"$t")," function also takes additional parameters that you can use inside the translation messages - e.g.\nto pass a name or other values."),"\n",r.createElement(t.p,null,"See our tutorial ",r.createElement(t.a,{href:"/babeledit/tutorials/how-to-translate-your-vue-app-with-vue-i18n"},"How to translate your Vue.js application with vue-i18n"),"\nfor an in-depth description of how to use vue-i18n."))}var p=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,n.R)(),e.components);return t?r.createElement(t,e,r.createElement(f,e)):f(e)},g=a(41971),h=a(11042),v=a(44753),E=a(24012),x=a(77891),b=a(81851);function w(e){let{data:t,children:a}=e;const n=(0,r.useContext)(v.d),s=!!n.related,c=!!n.product&&"none"!==n.product;return(0,r.useEffect)((()=>{b.mm.event("read knowledgebase entry",{title:n.title,slug:n.slug.split("/").filter(Boolean).pop(),product:c?n.product:"none"})})),r.createElement(x.W,null,r.createElement("div",{className:"container mx-auto"},r.createElement("div",{className:o()("break-words sm:break-normal mx-auto flex justify-center")},r.createElement("main",{id:"main-content",className:"overflow-hidden"},r.createElement(g.Y,{pageData:n,smallHeading:!0}),r.createElement("div",{className:o()("px-4 mt-8 prose break-words sm:break-normal mb-12 max-w-4xl")},a),r.createElement("div",{className:"my-12 text-center text-blue-600 text-sm"},r.createElement(l.A,{className:"mt-8",to:c?"/"+n.product+"/support":"/support"},"Show all FAQ entries >"))),s&&r.createElement("aside",{className:"order-2 bg-gray-50 hidden lg:block"},r.createElement("div",{className:"sticky top-0"},r.createElement("div",{className:"h-screen justify-between flex flex-col w-64 2xl:w-80"},r.createElement(E.K,{related:n.related})))))))}function N(e){return r.createElement(w,e,r.createElement(p,e))}const y=e=>{let{pageContext:t}=e;return r.createElement(r.Fragment,null,r.createElement(h.A,{pageData:t.pageData}))}},55848:function(e,t,a){a.d(t,{F:function(){return s}});var n=a(96540),r=a(24794),l=a(90177);const s=e=>{let{tag:t,className:a,children:s,style:c}=e;const o=(0,r.useStaticQuery)("3366868556").allMainTutorialsYaml.nodes[0].mainTutorialIndices.find((e=>e.name===t)),i=o?o.defaultUrl?o.defaultUrl:"/tutorials/"+t:"/tags/"+t;return n.createElement(l.A,{to:i,className:a,style:c},s)}},67680:function(e,t,a){var n=a(79504);e.exports=n([].slice)},74488:function(e,t,a){var n=a(67680),r=Math.floor,l=function(e,t){var a=e.length;if(a<8)for(var s,c,o=1;o<a;){for(c=o,s=e[o];c&&t(e[c-1],s)>0;)e[c]=e[--c];c!==o++&&(e[c]=s)}else for(var i=r(a/2),m=l(n(e,0,i),t),u=l(n(e,i),t),d=m.length,f=u.length,p=0,g=0;p<d||g<f;)e[p+g]=p<d&&g<f?t(m[p],u[g])<=0?m[p++]:u[g++]:p<d?m[p++]:u[g++];return e};e.exports=l},84606:function(e,t,a){var n=a(16823),r=TypeError;e.exports=function(e,t){if(!delete e[t])throw new r("Cannot delete property "+n(t)+" of "+n(e))}},94307:function(e,t,a){a.d(t,{CT:function(){return n},aR:function(){return l},mm:function(){return r}});a(26910);const n=e=>e.edges.map((e=>{var t;return Object.assign({},e.node.fields,{slug:(t=e.node.fields.slug,"/"==t?t:t.replace(/\/$/,""))},e.node.frontmatter)})),r=e=>e.filter((e=>e.tags.includes("general"))),l=(e,t)=>

1{t.sort((function(e,t){const a=e.displayName.toLowerCase(),n=t.displayName.toLowerCase();return a<n?-1:a>n?1:0}));const{frameworks:a,altNames:n}=t.reduce(((e,t)=>{var a;const n=Object.assign({},e,{frameworks:Object.assign({},e.frameworks,{[t.name]:Object.assign({},t,{tutorials:[]})})});return null===(a=t.alternate)||void 0===a||a.forEach((e=>{n.altNames[e]=t.name})),n}),{altNames:{},frameworks:{}});return e.filter((e=>!e.canonical)).forEach((e=>{const t=[];e.tags.forEach((r=>{a[r]&&!t.includes(r)?(a[r].tutorials.push(e),t.push(r)):n[r]&&!t.includes(n[r])&&(a[n[r]].tutorials.push(e),t.push(n[r]))}))})),Object.values(a)}}}]);