CED-1851 Create esSkeleton, SkeletonWrapper, SkeletonImg

[lgeggleston]

🔗 Linked issue

https://energysage.atlassian.net/browse/CED-1851

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

• Created EsSkeleton using PrimeVue Skeleton and supporting props from BSkeleton with the exception of 'variant' and 'type'
• created EsSkeletonWrapper based on the bootstrap helper component
• created EsSkeletonImg based on bootstrap helper component
  • Differences: did not implement the 'throb' animation or 'card-img' prop, because they are not in current codebase usages and 'card-img' opened a bit of a styling can of worms.

🥼 Testing

Based documentation examples on the real usages of b-skeleton currently in our repos, and made sure that those instances could be created using the prop set on the new components.

🧐 Feedback Requested / Focus Areas

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[swarmia]

✅  Linked to Task CED-1851 · Create v3 EsSkeleton, EsSkeletonImg, EsSkeletonWrapper using PrimeVue
➡️  Part of Epic CED-1339 · Build Vue 3 design system MVP [HC]

[ericdouglaspratt]

A beautiful docs page! And the components look and work great.

Just some small things.

Also, can we add primevue/skeleton to the list of optimized dependencies in the es-ds-components nuxt.config.js so we don't get the reload-after-the-page-already-loaded behavior in local dev?

ℹ ✨ new dependencies optimized: primevue/skeleton
ℹ ✨ optimized dependencies changed. reloading

[ericdouglaspratt]

Nice job! One suggestion but good to go