nuxt-query-sync is a utility designed for Nuxt applications that seamlessly synchronizes Nuxt Ref or Reactive objects with URL query parameters. This ensures that the state of your application can be persisted and retrieved via the URL, enhancing the user experience by allowing state to be shared or restored through URLs.
Features
♻️ Automatic Synchronization: Keeps Ref or Reactive objects in sync with URL query parameters.
⬇️ Initial Load Support: Initializes objects with values from query parameters if they exist on initial load.
💪 Flexible Usage: Supports both Ref and Reactive objects with minimal configuration.
Description
nuxt-query-sync is a utility designed for Nuxt applications that seamlessly synchronizes Nuxt Ref or Reactive objects with URL query parameters. This ensures that the state of your application can be persisted and retrieved via the URL, enhancing the user experience by allowing state to be shared or restored through URLs.
Features
Repository
https://github.com/YsarocK/nuxt-query-sync
npm
https://www.npmjs.com/package/nuxt-query-sync
Nuxt Compatibility
Nuxt 3