{"id":21971778,"url":"https://github.com/cristopher1/json-serializer-vue-localstorage-reactive","last_synced_at":"2026-01-25T17:32:00.836Z","repository":{"id":204745907,"uuid":"710983048","full_name":"cristopher1/json-serializer-vue-localstorage-reactive","owner":"cristopher1","description":"Wrapper to use @cljimenez/json-serializer-core and @cljimenez/json-serializer-base-serializers with @cljimenez/vue-localstorage-reactive","archived":false,"fork":false,"pushed_at":"2024-06-18T18:59:29.000Z","size":382,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-11-23T02:17:12.261Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@cljimenez/json-serializer-vue-localstorage-reactive","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cristopher1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-27T22:09:02.000Z","updated_at":"2023-11-06T16:59:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"26ff7f25-c0b5-4d91-a774-8378587b7c0c","html_url":"https://github.com/cristopher1/json-serializer-vue-localstorage-reactive","commit_stats":null,"previous_names":["cristopher1/json-serializer-vue-localstorage-reactive"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cristopher1/json-serializer-vue-localstorage-reactive","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristopher1%2Fjson-serializer-vue-localstorage-reactive","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristopher1%2Fjson-serializer-vue-localstorage-reactive/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristopher1%2Fjson-serializer-vue-localstorage-reactive/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristopher1%2Fjson-serializer-vue-localstorage-reactive/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cristopher1","download_url":"https://codeload.github.com/cristopher1/json-serializer-vue-localstorage-reactive/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristopher1%2Fjson-serializer-vue-localstorage-reactive/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28755927,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-25T16:32:25.380Z","status":"ssl_error","status_checked_at":"2026-01-25T16:32:09.189Z","response_time":113,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-29T14:55:48.346Z","updated_at":"2026-01-25T17:32:00.822Z","avatar_url":"https://github.com/cristopher1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eWelcome to @cljimenez/json-serializer-vue-localstorage-reactive 👋\u003c/h1\u003e\n\u003cp\u003e\n  \u003cimg alt=\"Version\" src=\"https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000\" /\u003e\n  \u003ca href=\"https://github.com/cristopher1/json-serializer-vue-localstorage-reactive#readme\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/cristopher1/json-serializer-vue-localstorage-reactive/graphs/commit-activity\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Maintenance\" src=\"https://img.shields.io/badge/Maintained%3F-yes-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/cristopher1/json-serializer-vue-localstorage-reactive/blob/master/LICENSE\" target=\"_blank\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/github/license/cristopher1/json-serializer-vue-localstorage-reactive\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e Wrapper to use @cljimenez/json-serializer-core and @cljimenez/json-serializer-base-serializers with @cljimenez/vue-localstorage-reactive\n\n### 🏠 [Homepage](https://github.com/cristopher1/json-serializer-vue-localstorage-reactive#readme)\n\n### [Index](#index)\n\n- [Install](#install)\n- [How to use?](#how-to-use?)\n  - [Obtain the JsonSerializerAdapter object](#obtain-json-serializer-adapter-object)\n  - [About the JsonSerializerAdapter methods](#json-serializer-adapter-interface)\n  - [How to use @cljimenez/json-serializer-vue-localstorage-reactive with @cljimenez/vue-localstorage-reactive](#json-serializer-adapter-with-reactive-local-storage)\n- [Author](#author)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Install\n\n```sh\n@cljimenez/json-serializer-vue-localstorage-reactive\n```\n\n## \u003ca id=\"how-to-use?\"\u003e\u003c/a\u003e How to use?\n\n- ### \u003ca id=\"obtain-json-serializer-adapter-object\"\u003e\u003c/a\u003e Obtain the JsonSerializerAdapter object\n\n  The JsonSerializerAdapter is an object used to wrap the @cljimenez/json-serializer-core to be used directly by @cljimenez/vue-localstorage-reactive, also it adds the serializers provided by @cljimenez/json-serializer-base-serializers. You can use this package with @cljimenez/vue-localstorage-reactive or with other elements that requires the parse and serialize methods described in [About the JsonSerializerAdapter methods](#json-serializer-adapter-interface). You must use the `createJsonSerializerAdapter` function to create a JsonSerializerAdapter object.\n\n  Example:\n\n  ```js\n  import { createJsonSerializerAdapter } from '@cljimenez/json-serializer-vue-localstorage-reactive'\n\n  // If you want to use the function serializer.\n  const JsonSerializerAdapterWithFunctionSerializer =\n    createJsonSerializerAdapter({ includeFunctionSerializer: true })\n\n  // If you do not want to use the function serializer\n  const JsonSerializerAdapterWithoutFunctionSerializer =\n    createJsonSerializerAdapter()\n  ```\n\n- ### \u003ca id=\"json-serializer-adapter-interface\"\u003e\u003c/a\u003e About the JsonSerializerAdapter methods\n\n  The JsonSerializerAdapter object provides the following methods:\n\n  - `(method)` getSerializers(void): Returns an object that contains the serializers added to JsonSerializer object. The keys are obtained from serializer.getSerializerType method and the values are the Serializer objects.\n  - `(method)` installSerializersAndRefreshJsonSerializer(serializersInstaller: SerializerInstaller, installOptions = {}): Adds serializers through the serializersInstaller and to update the JsonSerializer object.\n  - `(method)` addSerializerAndRefreshJsonSerializer(serializer): Adds a Serializer and to update the JsonSerializer object.\n  - `(method)` serialize(value, options = {}): Serializes the data. The optional options parameter contains some configuration used by the serialize algorithm.\n  - `(method)` parse(value, options = {}): Unserializes the data serialized by serialize method. The optional options parameter contains some configuration used by the parse algorithm.\n\n- ### \u003ca id=\"json-serializer-adapter-with-reactive-local-storage\"\u003e\u003c/a\u003e How to use @cljimenez/json-serializer-vue-localstorage-reactive with @cljimenez/vue-localstorage-reactive\n\n  First you must install [@cljimenez/vue-localstorage-reactive](https://www.npmjs.com/package/@cljimenez/vue-localstorage-reactive) using:\n\n  ```sh\n  npm install @cljimenez/vue-localstorage-reactive\n  ```\n\n  Then, you can use it through the provide and inject functions.\n\n  Example:\n\n  ```js\n  // main.js\n  import { createJsonSerializerAdapter } from '@cljimenez/json-serializer-vue-localstorage-reactive'\n  import { createReactiveLocalStorageInstaller } from '@cljimenez/vue-localstorage-reactive'\n  import { createApp } from 'vue'\n  import App from './App.vue'\n\n  const app = createApp(App)\n\n  const serializer = createJsonSerializerAdapter({ includeFunctionSerializer: true })\n\n  app.use(createReactiveLocalStorageInstaller(), { serializer })\n\n  app.provide('reactiveLocalStorage', app.config.globalProperties.$reactiveLocalStorage)\n\n  app.mount('#app')\n\n  // App.vue\n  \u003cscript setup\u003e\n  import { inject } from 'vue';\n\n  const reactiveLocalStorage = inject('reactiveLocalStorage')\n\n  const helloWord = reactiveLocalStorage.getItem('helloWord')\n\n  if (helloWord) {\n    console.log('from localStorage')\n    helloWord()\n  }\n\n  reactiveLocalStorage.setItem('helloWord', () =\u003e {\n    console.log('hello word')\n    console.log('using reactiveLocalStorage and jsonSerializerAdapter')\n  })\n\n  \u003c/script\u003e\n\n  \u003ctemplate\u003e\n    \u003ch1\u003e\u003c/h1\u003e\n  \u003c/template\u003e\n  ```\n\n## \u003ca id=\"author\"\u003e\u003c/a\u003e Author\n\n👤 **Cristopher Jiménez**\n\n- Github: [@cristopher1](https://github.com/cristopher1)\n\n## \u003ca id=\"contributing\"\u003e\u003c/a\u003e 🤝 Contributing\n\nContributions, issues and feature requests are welcome!\u003cbr /\u003eFeel free to check [issues page](https://github.com/cristopher1/json-serializer-vue-localstorage-reactive/issues).\n\n## \u003ca id=\"license\"\u003e\u003c/a\u003e 📝 License\n\nCopyright © 2023 [Cristopher Jiménez](https://github.com/cristopher1).\u003cbr /\u003e\nThis project is [MIT](https://github.com/cristopher1/json-serializer-vue-localstorage-reactive/blob/master/LICENSE) licensed.\n\n---\n\n_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcristopher1%2Fjson-serializer-vue-localstorage-reactive","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcristopher1%2Fjson-serializer-vue-localstorage-reactive","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcristopher1%2Fjson-serializer-vue-localstorage-reactive/lists"}