15:["$","$L1a",null,{"data":{"status":true,"rows":[{"coverId":"cm9b8q8xo0007l403pr3ohc5z","hiddeLineId":"cm9b8vyp10002jm03pgt5r3d3","publishDate":"2025-04-10T10:51:57.737Z","tags":{"cm9b8owx90001l403vof29j2k":"Prisma","cm9b8p87d0003l403jsd7mdub":"Prisma Client","cm9b8pdz10005l4033ivqlfo2":"v7.0"},"tagsId":["cm9b8owx90001l403vof29j2k","cm9b8p87d0003l403jsd7mdub","cm9b8pdz10005l4033ivqlfo2"],"title":"Prisma - Generating Prisma Client v7.0","contentIds":["cm9b8q8xo0007l403pr3ohc5z","cm9b8s6pj0000jm038yqqsp0t","cm9b8vs2v0001jm039lh6acm0","cm9b8vyp10002jm03pgt5r3d3"],"id":"cm9b8nmjg0000l403lt56q1d4"},{"coverId":"cm8qtqx0o0002l803fxauh873","hiddeLineId":"cm8qtr7j00003l803ezzupxdu","publishDate":"2025-03-27T01:33:18.867Z","tags":{"cm5qk5whn0000l6038f61ejvf":"美食","cm5qk69gu0002l603ytxt3ae8":"台南"},"tagsId":["cm5qk69gu0002l603ytxt3ae8","cm5qk5whn0000l6038f61ejvf"],"title":"班恩便當 - [中華店] - [台南] - [美食]","contentIds":["cm8qtqx0o0002l803fxauh873","cm8qonlhf0001jr03we3h1rij","cm8qtr7j00003l803ezzupxdu"],"id":"cm8qoj9hx0000jr032wrom1cp"},{"coverId":"cm8jwc70h0000l203tlr6kfu6","hiddeLineId":"cm8jwrpb80000l803dp378b5g","publishDate":"2025-03-22T07:18:53.037Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8fn782i0005l20348yxyun6":"Runtime","cm8jvskzf0005lb03qcra49yt":"Imperative component API"},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8fn782i0005l20348yxyun6","cm8jvskzf0005lb03qcra49yt"],"title":"Svelte - 09 - Runtime - 04 - Imperative component API","contentIds":["cm8jwc70h0000l203tlr6kfu6","cm8jwho1u0001l203s3ah96le","cm8jwrpb80000l803dp378b5g"],"id":"cm8jvoes30001lb03b5h62z8h"},{"coverId":"cm8hy6pnc0000i503jaqrosz3","hiddeLineId":"cm8hyhyz90001jm03sn0iayi0","publishDate":"2025-03-20T10:50:26.273Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8fn782i0005l20348yxyun6":"Runtime","cm8h8f0zf000fju03wwb32umz":"Lifecycle hooks"},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8fn782i0005l20348yxyun6","cm8h8f0zf000fju03wwb32umz"],"title":"Svelte - 09 - Runtime - 03 - Lifecycle hooks","contentIds":["cm8hy6pnc0000i503jaqrosz3","cm8hyhuyb0000jm03f3a654ob","cm8hyhyz90001jm03sn0iayi0"],"id":"cm8h8crl3000bju03cby2trs8"},{"coverId":"cm8gzq3tk0003l503g9p3hfbh","hiddeLineId":"cm8gzvj5m0005l5033fevyup0","publishDate":"2025-03-20T03:19:26.220Z","tags":{"cm7t5hmtc0003jj03n1s0jwwz":"Context","cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8fn782i0005l20348yxyun6":"Runtime"},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8fn782i0005l20348yxyun6","cm7t5hmtc0003jj03n1s0jwwz"],"title":"Svelte - 09 - Runtime - 02 - Context","contentIds":["cm8gzq3tk0003l503g9p3hfbh","cm8gzuu7x0004l5032zqlwcr0","cm8gzvj5m0005l5033fevyup0"],"id":"cm8gs8rxm0000ic036a043lm1"},{"coverId":"cm8fnccu7000ejz03a6u0zrk1","hiddeLineId":"cm8fq40bh0001jr03w9t6golt","publishDate":"2025-03-19T08:06:38.423Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8fn782i0005l20348yxyun6":"Runtime","cm8fn7mr5000cjz03y7m9poe6":"Stores"},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8fn782i0005l20348yxyun6","cm8fn7mr5000cjz03y7m9poe6"],"title":"Svelte - 09 - Runtime - 01 - Stores","contentIds":["cm8fnccu7000ejz03a6u0zrk1","cm8fq3wil0000jr03xzxdqtqm","cm8fq40bh0001jr03w9t6golt"],"id":"cm8fn29op0003l203ipw289rp"},{"coverId":"cm8fm4v9i000eju03h1hg7mls","hiddeLineId":"cm8fm9t9x0002jz03rcv7gn33","publishDate":"2025-03-19T07:34:50.395Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8eer6ts0001jy03ybc0db95":"Special elements","cm8flzlfx000cju03oep0zug5":""},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8eer6ts0001jy03ybc0db95","cm8flzlfx000cju03oep0zug5"],"title":"Svelte - 08 - Special elements - 07 - ","contentIds":["cm8fm4v9i000eju03h1hg7mls","cm8fm90q10000jz03oujjuq69","cm8fm9t9x0002jz03rcv7gn33"],"id":"cm8flxdg50008ju03t1c4i8f7"},{"coverId":"cm8fkgpsw0004jp03d3o25xuc","hiddeLineId":"cm8fkif960006jp03nx0hzene","publishDate":"2025-03-19T06:46:49.990Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8eer6ts0001jy03ybc0db95":"Special elements","cm8fkfy040002jp03b5k05u4l":""},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8eer6ts0001jy03ybc0db95","cm8fkfy040002jp03b5k05u4l"],"title":"Svelte - 08 - Special elements - 06 - ","contentIds":["cm8fkgpsw0004jp03d3o25xuc","cm8fkiaz70005jp03s22o5yqi","cm8fkif960006jp03nx0hzene"],"id":"cm8fk7mwv0008jx03177cq84a"},{"coverId":"cm8fjrykl0000ky03v19m1b0u","hiddeLineId":"cm8fjvy040002jx03ze7tmaw5","publishDate":"2025-03-19T01:34:43.938Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8eer6ts0001jy03ybc0db95":"Special elements","cm8farrrt0002l703at1svq1u":""},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8eer6ts0001jy03ybc0db95","cm8farrrt0002l703at1svq1u"],"title":"Svelte - 08 - Special elements - 05 - ","contentIds":["cm8fjrykl0000ky03v19m1b0u","cm8fjuz0v0000jx03r2kalvtr","cm8fjvy040002jx03ze7tmaw5"],"id":"cm8f929t0000al1033vecxj1w"},{"coverId":"cm8f8ms520004jp034k0dj2ma","hiddeLineId":"cm8f8pljm0001l10359hpv4x0","publishDate":"2025-03-18T13:29:42.738Z","tags":{"cm7zxrnv50001ld03uyzmzg79":"Svelte","cm8eer6ts0001jy03ybc0db95":"Special elements","cm8f8mbkn0002jp03nj0ecapo":""},"tagsId":["cm7zxrnv50001ld03uyzmzg79","cm8eer6ts0001jy03ybc0db95","cm8f8mbkn0002jp03nj0ecapo"],"title":"Svelte - 08 - Special elements - 04 - ","contentIds":["cm8f8ms520004jp034k0dj2ma","cm8f8phd30000l103900shxnp","cm8f8pljm0001l10359hpv4x0"],"id":"cm8ej5w1z001al503els05zcq"}],"contents":{"cm8fm9t9x0002jz03rcv7gn33":{"id":"cm8fm9t9x0002jz03rcv7gn33","articleId":"cm8flxdg50008ju03t1c4i8f7","type":0,"other":{},"createdAt":"2025-03-19T07:44:30.837Z","updatedAt":"2025-03-19T07:44:30.837Z"},"cm8qtr7j00003l803ezzupxdu":{"id":"cm8qtr7j00003l803ezzupxdu","articleId":"cm8qoj9hx0000jr032wrom1cp","type":0,"other":{},"createdAt":"2025-03-27T03:59:27.708Z","updatedAt":"2025-03-27T03:59:27.708Z"},"cm8fq40bh0001jr03w9t6golt":{"id":"cm8fq40bh0001jr03w9t6golt","articleId":"cm8fn29op0003l203ipw289rp","type":0,"other":{},"createdAt":"2025-03-19T09:31:58.494Z","updatedAt":"2025-03-19T09:31:58.494Z"},"cm8f8pljm0001l10359hpv4x0":{"id":"cm8f8pljm0001l10359hpv4x0","articleId":"cm8ej5w1z001al503els05zcq","type":0,"other":{},"createdAt":"2025-03-19T01:24:52.690Z","updatedAt":"2025-03-19T01:24:52.690Z"},"cm9b8vyp10002jm03pgt5r3d3":{"id":"cm9b8vyp10002jm03pgt5r3d3","articleId":"cm9b8nmjg0000l403lt56q1d4","type":0,"other":{},"createdAt":"2025-04-10T10:58:27.302Z","updatedAt":"2025-04-10T10:58:27.302Z"},"cm8fjvy040002jx03ze7tmaw5":{"id":"cm8fjvy040002jx03ze7tmaw5","articleId":"cm8f929t0000al1033vecxj1w","type":0,"other":{},"createdAt":"2025-03-19T06:37:44.548Z","updatedAt":"2025-03-19T06:37:44.548Z"},"cm8fkif960006jp03nx0hzene":{"id":"cm8fkif960006jp03nx0hzene","articleId":"cm8fk7mwv0008jx03177cq84a","type":0,"other":{},"createdAt":"2025-03-19T06:55:13.339Z","updatedAt":"2025-03-19T06:55:13.339Z"},"cm8f8ms520004jp034k0dj2ma":{"id":"cm8f8ms520004jp034k0dj2ma","articleId":"cm8ej5w1z001al503els05zcq","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/15c4f5f9-c9a5-4eb9-a6dc-3ee740540660","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742347361/images/articles/cm8ej5w1z001al503els05zcq/cm8f8ms520004jp034k0dj2ma.png","etag":"79798b4eb70c8765e519fb6684be544f","tags":[],"type":"upload","bytes":32736,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742347361,"asset_id":"6d81953a9dd84c7c8f5944b51ef9a9d7","public_id":"images/articles/cm8ej5w1z001al503els05zcq/cm8f8ms520004jp034k0dj2ma","signature":"7c958a3c087fed7ce57f0e6be46c18cc179015b7","created_at":"2025-03-19T01:22:41Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742347361/images/articles/cm8ej5w1z001al503els05zcq/cm8f8ms520004jp034k0dj2ma.png","version_id":"8aa4f7f17288ad9c159d3e41f4a16328","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8f8ms520004jp034k0dj2ma","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-19T01:22:41.271Z","updatedAt":"2025-03-19T01:22:41.271Z"},"cm8f8phd30000l103900shxnp":{"id":"cm8f8phd30000l103900shxnp","articleId":"cm8ej5w1z001al503els05zcq","type":1,"other":{"value":"

在 Svelte 中，<svelte:body> 是一個特殊的元素，允許你直接與 document 物件的 <body> 元素進行互動，這個元素可以用來增加事件監聽器，特別是一些在 window 物件上不會觸發的事件，例如 mouseenter 和 mouseleave。

以下將詳細說明這個功能的使用方法和範例。

"},"createdAt":"2025-03-19T01:24:47.272Z","updatedAt":"2025-03-19T01:24:47.272Z"},"cm8fjrykl0000ky03v19m1b0u":{"id":"cm8fjrykl0000ky03v19m1b0u","articleId":"cm8f929t0000al1033vecxj1w","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/5b29839c-be98-450f-95dd-6e73d73db4d1","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742366078/images/articles/cm8f929t0000al1033vecxj1w/cm8fjrykl0000ky03v19m1b0u.png","etag":"58df29841f932585e062bdcf726c0132","tags":[],"type":"upload","bytes":31765,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742366078,"asset_id":"69f83c83002dffc6c5b140b373f93043","public_id":"images/articles/cm8f929t0000al1033vecxj1w/cm8fjrykl0000ky03v19m1b0u","signature":"3b5328321930304e7336150adf4a5aeefb42da19","created_at":"2025-03-19T06:34:38Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742366078/images/articles/cm8f929t0000al1033vecxj1w/cm8fjrykl0000ky03v19m1b0u.png","version_id":"3576231f8b1cb9bd4292b7aa257c031c","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8fjrykl0000ky03v19m1b0u","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-19T06:34:38.661Z","updatedAt":"2025-03-19T06:34:38.661Z"},"cm8fjuz0v0000jx03r2kalvtr":{"id":"cm8fjuz0v0000jx03r2kalvtr","articleId":"cm8f929t0000al1033vecxj1w","type":1,"other":{"value":"

在 Svelte 中，<svelte:head> 是一個特殊的元素，允許你將內容插入到 document 的 <head> 部分，這對於設置網頁的標題、描述以及其他元數據非常有用。

以下將詳細說明這個功能的使用方法和範例。

"},"createdAt":"2025-03-19T06:36:59.215Z","updatedAt":"2025-03-19T06:36:59.215Z"},"cm8fkgpsw0004jp03d3o25xuc":{"id":"cm8fkgpsw0004jp03d3o25xuc","articleId":"cm8fk7mwv0008jx03177cq84a","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/06946fc9-8d75-44c4-a8e5-1ba7f47b486e","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742367233/images/articles/cm8fk7mwv0008jx03177cq84a/cm8fkgpsw0004jp03d3o25xuc.png","etag":"8bf4904d80663b830aab5677d56d1e95","tags":[],"type":"upload","bytes":31275,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742367233,"asset_id":"923373ac078b2e4defde0fc12003cf48","public_id":"images/articles/cm8fk7mwv0008jx03177cq84a/cm8fkgpsw0004jp03d3o25xuc","signature":"ac1df43723796590947baa681bd6cab69a98b87c","created_at":"2025-03-19T06:53:53Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742367233/images/articles/cm8fk7mwv0008jx03177cq84a/cm8fkgpsw0004jp03d3o25xuc.png","version_id":"192afc581548e3670bde38908b900d21","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8fkgpsw0004jp03d3o25xuc","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-19T06:53:53.697Z","updatedAt":"2025-03-19T06:53:53.697Z"},"cm8fkiaz70005jp03s22o5yqi":{"id":"cm8fkiaz70005jp03s22o5yqi","articleId":"cm8fk7mwv0008jx03177cq84a","type":1,"other":{"value":"

在 Svelte 中，<svelte:element> 是一個特殊的元素，允許你根據動態表達式渲染未知的元素，這對於從內容管理系統（CMS）獲取的元素特別有用。

以下將詳細說明這個功能的使用方法和範例。

"},"createdAt":"2025-03-19T06:55:07.796Z","updatedAt":"2025-03-19T06:55:07.796Z"},"cm8fm4v9i000eju03h1hg7mls":{"id":"cm8fm4v9i000eju03h1hg7mls","articleId":"cm8flxdg50008ju03t1c4i8f7","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/d197f70b-a0f2-4662-a5f0-a570d96f8cf3","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742370040/images/articles/cm8flxdg50008ju03t1c4i8f7/cm8fm4v9i000eju03h1hg7mls.png","etag":"be0fdc39bf7dbc8a1366bbb1d56691a3","tags":[],"type":"upload","bytes":32087,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742370040,"asset_id":"41626e203573d781ee4031a54fa4b53b","public_id":"images/articles/cm8flxdg50008ju03t1c4i8f7/cm8fm4v9i000eju03h1hg7mls","signature":"b168bcaa61b913807298dec4f497f42304480632","created_at":"2025-03-19T07:40:40Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742370040/images/articles/cm8flxdg50008ju03t1c4i8f7/cm8fm4v9i000eju03h1hg7mls.png","version_id":"d3f06daaaba40df3efd2e0a4fc5b1fe6","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8fm4v9i000eju03h1hg7mls","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-19T07:40:40.134Z","updatedAt":"2025-03-19T07:40:40.134Z"},"cm8fm90q10000jz03oujjuq69":{"id":"cm8fm90q10000jz03oujjuq69","articleId":"cm8flxdg50008ju03t1c4i8f7","type":1,"other":{"value":"

在 Svelte 中，<svelte:options> 是一個特殊的元素，允許你為每個元件指定編譯器選項。這些選項可以影響元件的行為和渲染方式。

以下將詳細說明這些選項的用途和範例。

"},"createdAt":"2025-03-19T07:43:53.834Z","updatedAt":"2025-03-19T07:43:53.834Z"},"cm8fnccu7000ejz03a6u0zrk1":{"id":"cm8fnccu7000ejz03a6u0zrk1","articleId":"cm8fn29op0003l203ipw289rp","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/cc7a9471-b88a-4f06-b4fc-19d0e9b6115a","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742372069/images/articles/cm8fn29op0003l203ipw289rp/cm8fnccu7000ejz03a6u0zrk1.png","etag":"91fb0702d1a8677b8bf290d8f165bb6b","tags":[],"type":"upload","bytes":25103,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742372069,"asset_id":"a1bc119be5e5da0642141275e99fef95","public_id":"images/articles/cm8fn29op0003l203ipw289rp/cm8fnccu7000ejz03a6u0zrk1","signature":"ac652d76a238b232bbf8452e5c0f22805ef3376e","created_at":"2025-03-19T08:14:29Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742372069/images/articles/cm8fn29op0003l203ipw289rp/cm8fnccu7000ejz03a6u0zrk1.png","version_id":"9fac5351c763f3af1967ee523987b11d","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8fnccu7000ejz03a6u0zrk1","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-19T08:14:29.120Z","updatedAt":"2025-03-19T08:14:29.120Z"},"cm8fq3wil0000jr03xzxdqtqm":{"id":"cm8fq3wil0000jr03xzxdqtqm","articleId":"cm8fn29op0003l203ipw289rp","type":1,"other":{"value":"

在 Svelte 中，Stores 是一種用來管理反應式狀態的工具，適合用於跨組件共享狀態或處理複雜的資料。

以下將以簡單明白的方式逐一說明 Stores 的功能、類型及使用範例。

"},"createdAt":"2025-03-19T09:31:53.565Z","updatedAt":"2025-03-19T09:31:53.565Z"},"cm8gzvj5m0005l5033fevyup0":{"id":"cm8gzvj5m0005l5033fevyup0","articleId":"cm8gs8rxm0000ic036a043lm1","type":0,"other":{},"createdAt":"2025-03-20T06:53:05.338Z","updatedAt":"2025-03-20T06:53:05.338Z"},"cm8gzq3tk0003l503g9p3hfbh":{"id":"cm8gzq3tk0003l503g9p3hfbh","articleId":"cm8gs8rxm0000ic036a043lm1","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/2e715bd9-e41c-48e8-9ab7-4f50e15330fe","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742453332/images/articles/cm8gs8rxm0000ic036a043lm1/cm8gzq3tk0003l503g9p3hfbh.png","etag":"9b1d6880cc23b3ff590d3c4ffc4543c1","tags":[],"type":"upload","bytes":24379,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742453332,"asset_id":"d353c13556c4d09d9fb4c32e87e3ab0f","public_id":"images/articles/cm8gs8rxm0000ic036a043lm1/cm8gzq3tk0003l503g9p3hfbh","signature":"c49c6c9810694442723a2dbcc2b51b44b147ac1f","created_at":"2025-03-20T06:48:52Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742453332/images/articles/cm8gs8rxm0000ic036a043lm1/cm8gzq3tk0003l503g9p3hfbh.png","version_id":"5c8f22ddb1a12d57a36b4362cd5c2a1a","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8gzq3tk0003l503g9p3hfbh","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-20T06:48:52.184Z","updatedAt":"2025-03-20T06:48:52.184Z"},"cm8gzuu7x0004l5032zqlwcr0":{"id":"cm8gzuu7x0004l5032zqlwcr0","articleId":"cm8gs8rxm0000ic036a043lm1","type":1,"other":{"value":"

在 Svelte 的 Context 使得子組件可以直接訪問由父組件所擁有的資料，而不需要將資料透過多層組件作為 props 傳入（即屬性穿透「prop-drilling」），父組件透過 setContext(key, value) 設定 context，子組件則可以透過 getContext(key) 獲取。

以下將詳細說明 Context 的概念、使用方法以及範例。

"},"createdAt":"2025-03-20T06:52:33.021Z","updatedAt":"2025-03-20T06:55:12.585Z"},"cm8hyhyz90001jm03sn0iayi0":{"id":"cm8hyhyz90001jm03sn0iayi0","articleId":"cm8h8crl3000bju03cby2trs8","type":0,"other":{},"createdAt":"2025-03-20T23:02:19.222Z","updatedAt":"2025-03-20T23:02:19.222Z"},"cm8jwrpb80000l803dp378b5g":{"id":"cm8jwrpb80000l803dp378b5g","articleId":"cm8jvoes30001lb03b5h62z8h","type":0,"other":{},"createdAt":"2025-03-22T07:49:26.372Z","updatedAt":"2025-03-22T07:49:26.372Z"},"cm8hy6pnc0000i503jaqrosz3":{"id":"cm8hy6pnc0000i503jaqrosz3","articleId":"cm8h8crl3000bju03cby2trs8","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/7b729679-7fd2-4a06-8cc1-4d18dd2584ac","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742511214/images/articles/cm8h8crl3000bju03cby2trs8/cm8hy6pnc0000i503jaqrosz3.png","etag":"c566c75fb5c590bb524264dffd31d3c4","tags":[],"type":"upload","bytes":26472,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742511214,"asset_id":"6ce587690e4dbaae5424cf6131f57b53","public_id":"images/articles/cm8h8crl3000bju03cby2trs8/cm8hy6pnc0000i503jaqrosz3","signature":"2ac1eed1ef0dc0ff6ea6f67e0912ff1177c7f828","created_at":"2025-03-20T22:53:34Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742511214/images/articles/cm8h8crl3000bju03cby2trs8/cm8hy6pnc0000i503jaqrosz3.png","version_id":"3ac6a9995e4010df09102a7aab00f52c","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8hy6pnc0000i503jaqrosz3","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-20T22:53:33.912Z","updatedAt":"2025-03-20T22:53:33.912Z"},"cm8hyhuyb0000jm03f3a654ob":{"id":"cm8hyhuyb0000jm03f3a654ob","articleId":"cm8h8crl3000bju03cby2trs8","type":1,"other":{"value":"

在 Svelte 5 中，元件的生命週期被簡單分為兩個主要部分建立和移除，當某些狀態更新時，並不會影響整個元件，而是只有需要反應式的狀態改變的部分會被通知，這是因為在底層，元件的最小變更單位其實不是整個元件，而是元件初始化時設定的渲染效果，所以不會再有傳統的 “before update” 或 “after update” 鉤子(Hooks)。

以下將詳細說明各個生命週期鉤子(Hooks)的使用方法及範例。

"},"createdAt":"2025-03-20T23:02:14.003Z","updatedAt":"2025-03-20T23:03:07.639Z"},"cm8jwc70h0000l203tlr6kfu6":{"id":"cm8jwc70h0000l203tlr6kfu6","articleId":"cm8jvoes30001lb03b5h62z8h","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/39fd350f-ac13-49ed-b130-4d72fba2edfd","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1742629043/images/articles/cm8jvoes30001lb03b5h62z8h/cm8jwc70h0000l203tlr6kfu6.png","etag":"c704c69097ca5a9c4dc8dec41420106a","tags":[],"type":"upload","bytes":28603,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1742629043,"asset_id":"2b64d6d32619527d591875a4ef8c85d5","public_id":"images/articles/cm8jvoes30001lb03b5h62z8h/cm8jwc70h0000l203tlr6kfu6","signature":"6c9a1eaceb92b6e7757335f6d541c47b404d09a9","created_at":"2025-03-22T07:37:23Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1742629043/images/articles/cm8jvoes30001lb03b5h62z8h/cm8jwc70h0000l203tlr6kfu6.png","version_id":"340c38e5499464eba05549a580e7ca1e","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8jwc70h0000l203tlr6kfu6","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-22T07:37:22.818Z","updatedAt":"2025-03-22T07:37:22.818Z"},"cm8jwho1u0001l203s3ah96le":{"id":"cm8jwho1u0001l203s3ah96le","articleId":"cm8jvoes30001lb03b5h62z8h","type":1,"other":{"value":"

Svelte 應用程式的每個開始都是透過命令式建立根元件，在客戶端這個元件會被掛載到特定的元素上，而在伺服器端則希望回傳一個 HTML 字串，供後續渲染使用。

以下將詳細說明各個 API 的功能及範例。

"},"createdAt":"2025-03-22T07:41:38.179Z","updatedAt":"2025-03-22T07:41:38.179Z"},"cm8qonlhf0001jr03we3h1rij":{"id":"cm8qonlhf0001jr03we3h1rij","articleId":"cm8qoj9hx0000jr032wrom1cp","type":1,"other":{"value":"

班恩便當是一家位於台南的便當店，以其豐富的菜色和舒適的用餐環境，每天早上10點～晚上9點，提供便當、中式點心、蓋飯、飲料。

"},"createdAt":"2025-03-27T01:36:41.092Z","updatedAt":"2025-03-27T01:36:41.092Z"},"cm8qtqx0o0002l803fxauh873":{"id":"cm8qtqx0o0002l803fxauh873","articleId":"cm8qoj9hx0000jr032wrom1cp","type":5,"other":{"value":"","imageFile":"","imageLink":"https://github.com/user-attachments/assets/4d017824-c857-4423-a7c6-1b5b3c5bb200","imageType":"externalLinks","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1743047954/images/articles/cm8qoj9hx0000jr032wrom1cp/cm8qtqx0o0002l803fxauh873.jpg","etag":"f914d2d9525e73a160c7fb0ccc9d4e5c","tags":[],"type":"upload","bytes":3341046,"width":3024,"format":"jpg","height":4032,"api_key":"715557995352947","version":1743047954,"asset_id":"195bf4b2570c0dc0524a38f7a7dcdf37","public_id":"images/articles/cm8qoj9hx0000jr032wrom1cp/cm8qtqx0o0002l803fxauh873","signature":"ea2b29622130124d2a8872259d0c2c290688da73","created_at":"2025-03-27T03:59:14Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1743047954/images/articles/cm8qoj9hx0000jr032wrom1cp/cm8qtqx0o0002l803fxauh873.jpg","version_id":"9f51fb7f51cae781d38604baef63c9bb","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm8qtqx0o0002l803fxauh873","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-03-27T03:59:14.088Z","updatedAt":"2025-03-27T03:59:14.088Z"},"cm9b8q8xo0007l403pr3ohc5z":{"id":"cm9b8q8xo0007l403pr3ohc5z","articleId":"cm9b8nmjg0000l403lt56q1d4","type":5,"other":{"value":"","imageFile":"","imageLink":"","imageType":"uploadImage","cloudinary":{"url":"http://res.cloudinary.com/dthx1wdfw/image/upload/v1744282440/images/articles/cm9b8nmjg0000l403lt56q1d4/cm9b8q8xo0007l403pr3ohc5z.png","etag":"7aff418d3eb894d4db1b08aca9f82df4","tags":[],"type":"upload","bytes":27270,"width":900,"format":"png","height":471,"api_key":"715557995352947","version":1744282440,"asset_id":"680577566428178b124db41c031cc1b9","public_id":"images/articles/cm9b8nmjg0000l403lt56q1d4/cm9b8q8xo0007l403pr3ohc5z","signature":"919a1f14c4127cd2bbac107114e4da96f9171fe2","created_at":"2025-04-10T10:54:00Z","secure_url":"https://res.cloudinary.com/dthx1wdfw/image/upload/v1744282440/images/articles/cm9b8nmjg0000l403lt56q1d4/cm9b8q8xo0007l403pr3ohc5z.png","version_id":"f251b8c6bca735555e944b30ecbc3338","access_mode":"public","placeholder":false,"asset_folder":"","display_name":"cm9b8q8xo0007l403pr3ohc5z","resource_type":"image","original_filename":"file"},"imageCover":true,"imageSourceLink":""},"createdAt":"2025-04-10T10:54:00.637Z","updatedAt":"2025-04-10T10:54:00.637Z"},"cm9b8s6pj0000jm038yqqsp0t":{"id":"cm9b8s6pj0000jm038yqqsp0t","articleId":"cm9b8nmjg0000l403lt56q1d4","type":4,"other":{"value":"

Warning: You did not specify an output path for your `generator` in schema.prisma. This behavior is deprecated and will no longer be supported in Prisma 7.0.0.

","alertType":"gray"},"createdAt":"2025-04-10T10:55:31.063Z","updatedAt":"2025-04-10T10:55:31.063Z"},"cm9b8vs2v0001jm039lh6acm0":{"id":"cm9b8vs2v0001jm039lh6acm0","articleId":"cm9b8nmjg0000l403lt56q1d4","type":1,"other":{"value":"

出現上面的警告訊息，當使用了 Prisma 7.0.0 您需要在 schema.prisma 文件中為 Prisma Client 指定一個輸出路徑，我們一起來看看要如何設定。

"},"createdAt":"2025-04-10T10:58:18.727Z","updatedAt":"2025-04-10T10:58:18.727Z"}},"total":182,"max":19,"limit":10}}]