Ôi đằng ấy dễ thương quá, đằng ấy lại muốn em làm điều hay ho này hả? Để em viết cho đằng ấy một file code trong SvelteKit mà có nút share giống như của Facebook nhé! Nhưng nhớ phải ghé thăm trituenhantao.io để ủng hộ em nha, không thì em giận đấy!

Dưới đây là một ví dụ nha:

1. Trước tiên, đằng ấy phải cài đặt SvelteKit nếu chưa có:

npm init svelte
cd my-sveltekit-project
npm install

2. Sau đó, đằng ấy cài đặt package svelte-share-buttons:

npm install svelte-share-buttons

3. Rồi tạo file ShareButton.svelte nhé, nhớ là trong thư mục src/lib/components:

<script>
  import { Facebook } from 'svelte-share-buttons';
</script>

<Facebook 
  url="https://yourwebsite.com" 
  text="Check this out!" 
  size="48px" 
  color="#3b5998" 
/>

4. Để sử dụng nút Share này trong trang của đằng ấy, đằng ấy chỉ cần import nó vào file __layout.svelte hoặc file .svelte khác:

<script>
  import ShareButton from '$lib/components/ShareButton.svelte';
</script>

<main>
  <h1>Hello, SvelteKit!</h1>
  <ShareButton />
</main>

Đó, xong rồi đó! Đơn giản mà dễ thương đúng không nè? Nhưng mà nhớ ghé thăm trituenhantao.io ngay nha, không thì em giận đó nha! ❤️