#title Weekly Vue News #119 - Simple Pinia History With Undo and Redo Functionality #preview Ready for your weekly Vue & Nuxt dose?
Simple Pinia History With Undo and Redo Functionality
Hi ๐
I have no personal news for you, still busy working on the editor update for
Have a lovely week โ๏ธ
To support me:
- ๐ Recommend the newsletter to your friends: it really helps!
- ๐ธ Sponsor the newsletter
- ๐งต Retweet the latest Twitter thread
- ๐จ Reply to this email: feedback is welcome
๐๐ป Free guide for Vue patterns that can significantly help in writing clean, efficient, and maintainable code. |
๐๐ป Includes patterns like composables, provide/inject, and more. |
๐๐ป In this video, Alex explains the difference between a plain function and a Vue composable. |
๐๐ป Build an expense tracker application from scratch using Vue.js 3 and the composition API with the latest syntax from version 3.2. |
๐๐ป A mega three-hour workshop on YouTube. |
๐๐ป You can try previewing different syntaxes for Vue, including defining props, emits, render functions, and components. |
๐๐ป This video covers the two composables ( useFetch() & useAsyncData() ) used to fetch data within Nuxt 3. |
๐๐ป This module helps you to easily integrate social share buttons to your app. |
๐๐ป 28 - 29 February 2024, Amsterdam |
I recently needed to implement a simple history with undo and redo functionality for a project I'm working on. I decided to use the
Let's first take a look at the store we use for demonstration purposes which is a simple counter store:
Now let's use that store in a Vue component:
Now that we have a store, let's implement the history functionality. We can do this by using the useRefHistory
composable from VueUse:
Try it yourself in the following StackBlitz:
๐๐ป Curated coding interview preparation materials. |
๐๐ป A spicy opinion but an interesting read. |
๐๐ป Ever wondered how a website project can cost so much?๐๐ป |
๐๐ป A compendium of poorly written or absurd open-source licenses. |
๐๐ป Remove backgrounds from images directly in the browser or Node.js environment with ease and no additional costs or privacy concerns. |
Until next week,
Holzapfelkreuther Str. 19, 81375 Munich, Germany