Add iconify/mage and line-clamp anime description

app/components/ui/anime-card/AnimeCard.vue

@@ -56,7 +56,7 @@ onMounted(async () => {
                     <h3 class="text-2xl font-semibold tracking-tight">
                         {{ props.item.title }}
                     </h3>
-                    <p class="text-sm">
+                    <p class="text-sm line-clamp-5">
                         {{ props.item.material_data?.description }}
                     </p>
                     <div class="flex items-center pt-2">

bun.lock

@@ -29,6 +29,7 @@
       },
       "devDependencies": {
         "@iconify-json/heroicons": "^1.2.2",
+        "@iconify-json/mage": "^1.2.4",
         "@nuxtjs/color-mode": "^3.5.2",
         "orval": "^7.10.0",
       },
@@ -227,6 +228,8 @@
 
     "@iconify-json/heroicons": ["@iconify-json/heroicons@1.2.2", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-qoW4pXr5kTTL6juEjgTs83OJIwpePu7q1tdtKVEdj+i0zyyVHgg/dd9grsXJQnpTpBt6/VwNjrXBvFjRsKPENg=="],
 
+    "@iconify-json/mage": ["@iconify-json/mage@1.2.4", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-QZnjHtV/RP9/bF6n7bHSnXMPX/MW5dpHqOH2pEHiEytUx76OKrUZ55YBFwrAxPz5f3BoCeWMY1wyEQQD36Bkkw=="],
+
     "@iconify/collections": ["@iconify/collections@1.0.569", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-PclOVcAlvv55Fv5kRJmxk/KMoFLNBMLh0q9LDMlonIPJMUu958VsNw7F7CVurfyEbCf/54i7eF+q6LHqJxeQvg=="],
 
     "@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],

package.json

@@ -35,6 +35,7 @@
     },
     "devDependencies": {
         "@iconify-json/heroicons": "^1.2.2",
+        "@iconify-json/mage": "^1.2.4",
         "@nuxtjs/color-mode": "^3.5.2",
         "orval": "^7.10.0"
     }