{"version":"1.0","provider_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","provider_url":"https:\/\/fatihsoysal.com\/blog","author_name":"Fatih Soysal","author_url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/","title":"Vue 3 Projeleriniz \u0130\u00e7in Tekrar Kullan\u0131labilir UI Bloklar\u0131","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"PtNsz32WDY\"><a href=\"https:\/\/fatihsoysal.com\/blog\/vue-3-projeleriniz-icin-tekrar-kullanilabilir-ui-bloklari\/\">Vue 3 Projeleriniz \u0130\u00e7in Tekrar Kullan\u0131labilir UI Bloklar\u0131<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/fatihsoysal.com\/blog\/vue-3-projeleriniz-icin-tekrar-kullanilabilir-ui-bloklari\/embed\/#?secret=PtNsz32WDY\" width=\"600\" height=\"338\" title=\"&#8220;Vue 3 Projeleriniz \u0130\u00e7in Tekrar Kullan\u0131labilir UI Bloklar\u0131&#8221; &#8212; Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" data-secret=\"PtNsz32WDY\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n<\/script>\n","description":"Merhaba! Ben Fatih Soysal ve bu yaz\u0131da, Vue 3 projelerinizde tekrar kullan\u0131labilir UI (Kullan\u0131c\u0131 Aray\u00fcz\u00fc) bloklar\u0131 olu\u015fturman\u0131n \u00f6nemini ve nas\u0131l yap\u0131laca\u011f\u0131n\u0131 detayl\u0131 olarak ele alaca\u011f\u0131z. Tekrar kullan\u0131labilir bile\u015fenler, kod tekrar\u0131n\u0131 azalt\u0131r, tutarl\u0131l\u0131\u011f\u0131 sa\u011flar ve geli\u015ftirme s\u00fcrecini h\u0131zland\u0131r\u0131r. Bu sayede daha verimli ve \u00f6l\u00e7eklenebilir uygulamalar geli\u015ftirebilirsiniz."}