💅 Nuxt 3 Blog Content #7313

roiLeo · 2023-09-21T12:07:03Z

Nuxt 3 Blog content (/blog)

This is fun 🏂

ref Nuxt3 - merging strategy #7034 (comment)

netlify · 2023-09-21T12:07:09Z

✅ Deploy Preview for nuxt-kodadot ready!

Name	Link
🔨 Latest commit	`d5b3f4e`
🔍 Latest deploy log	https://app.netlify.com/sites/nuxt-kodadot/deploys/650c325236a36e0008c4524f
😎 Deploy Preview	https://deploy-preview-7313--nuxt-kodadot.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

reviewpad · 2023-09-21T12:08:07Z

AI-Generated Summary: This pull request includes several changes aiming at improvements in a NuxtJS and Vue.js application. In the nuxt.config.js file, the 'service-worker' preset for Nitro settings was added, and a new NuxtJS module @nuxt/content was introduced to manage content files efficiently.

The BlogPost.vue component has been refactored for streamline data access and reducing code redundancy. The attributes object was replaced with a post object from a direct content query and the importing step to fetch post details was eliminated. Moreover, the component singlePostComponent was replaced by the ContentDoc component, and references made to attributes in the Vue template were rerouted to the new post object.

Changes in the pages/blog/index.vue file include a shift from the post.attributes.<attribute> to direct post.<attribute> approach, departed from method-based permalink to direct reference, and altered the Vue export default syntax to the <script setup> syntax and TypeScript. Further, the asyncData method has been replaced by queryContent('/').find() with a reactive useAsyncData() hook resulting in more maintainable code.

Lastly, in the package.json file, the @nuxt/content package has been added as a new dependency, which can potentially offer additional features or fix existing issues.