fix: resolve undefined slug in Share.astro component-closes #66

package.json

@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "5.4.0",
+  "version": "5.4.1",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
@@ -17,18 +17,18 @@
   },
   "dependencies": {
     "@astrojs/check": "0.9.4",
-    "@astrojs/mdx": "4.2.3",
-    "@astrojs/react": "4.2.3",
+    "@astrojs/mdx": "4.2.4",
+    "@astrojs/react": "4.2.4",
     "@astrojs/rss": "4.0.11",
     "@astrojs/sitemap": "3.3.0",
-    "astro": "5.6.1",
+    "astro": "5.7.4",
     "astro-auto-import": "^0.4.4",
-    "astro-font": "^1.0.0",
+    "astro-font": "^1.1.0",
     "date-fns": "^4.1.0",
     "disqus-react": "^1.1.6",
     "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
-    "marked": "^15.0.7",
+    "marked": "^15.0.8",
     "prop-types": "^15.8.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
@@ -36,21 +36,22 @@
     "react-lite-youtube-embed": "^2.4.0",
     "remark-collapse": "^0.1.2",
     "remark-toc": "^9.0.0",
-    "swiper": "^11.2.6"
+    "swiper": "^11.2.6",
+    "vite": "^6.3.2"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.3",
-    "@types/node": "22.14.0",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
-    "eslint": "^9.24.0",
+    "@tailwindcss/vite": "^4.1.4",
+    "@types/node": "22.14.1",
+    "@types/react": "19.1.2",
+    "@types/react-dom": "19.1.2",
+    "eslint": "^9.25.0",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "sharp": "0.33.5",
-    "tailwindcss": "^4.1.3",
+    "tailwindcss": "^4.1.4",
     "typescript": "^5.8.3"
   }
 }

src/layouts/PostSingle.astro

@@ -88,7 +88,7 @@ const { title, description, author, categories, image, date, tags } = post.data;
               className="social-icons"
               title={title}
               description={description}
-              slug={post.slug}
+              slug={post.id}
             />
           </div>
         </div>