{"repo":"nanostores/vue","free":true,"listed":false,"github":"https://github.com/nanostores/vue","clone":"git clone https://github.com/nanostores/vue.git","description":"Vue integration for Nano Stores, a tiny state manager with many atomic tree-shakable stores","language":"TypeScript","stars":75,"topics":["store","state","vue","state-management","nanostores","devtools","vue-devtools","vue3","vuejs"],"license":"MIT","category":"dev-tools","readme_excerpt":"Nano Stores Vue Vue integration for [Nano Stores] , a tiny state manager with many atomic tree-shakable stores. Small. Less than 1 KB with all helpers. Zero dependencies. Fast. With small atomic and derived stores, you do not need to call the selector function for all components on every store change. Tree Shakable. The chunk contains only stores used by components in the chunk. Helpers. Designed to keep code clean and save a few keystrokes. Devtools. Plugin with full support of [Vue Devtools]. Was designed to move logic from components to stores. It has good TypeScript support. Install Usage Store state Subscribe to store changes and use reactive store state. Multiple store states Combines multiple stores into a single reactive state. Form handling Since the store state is deep read-only, you cannot directly mutate it. But for v-model you can create model via useVModel(store, keys, opts) . It will explicitly mutate the store via store.set() / store.setKey() . The keys argument can be an array of keys to create multiple models. Each model will be prefixed with Model . You can change it via opts.prefix . Devtools Install Usage Store detector Install [Vue Devtools] plugin as usual. It will detect nanostores in selected component and add their states to the component inspector . Notice: if you are using SSR, there is no Vue Devtools on server. Check it’s a browser environment: Attach stores to add them to the nanostores inspector and see their builds, lifecycles and changes on t","default_branch":null,"files":null,"tree":[],"storefront":"/r/nanostores","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/nanostores/vue/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}