{"_id":"@benixal/vue-items","_rev":"1-e2f9c5f17d0151459e789ddd9f3f0474","name":"@benixal/vue-items","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@benixal/vue-items","version":"0.1.0","main":"dist/items.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name items ./src/components/ItemsComponent.vue","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"description":"## Project setup ``` npm install ```","_id":"@benixal/vue-items@0.1.0","_nodeVersion":"16.17.0","_npmVersion":"9.2.0","dist":{"integrity":"sha512-l1srLyvfpJ5DoknlIQU9QmrWGRWr37wjhIZVcauX860Hvd026xcAccLNnTduVl7iW7V7YSVWv6+YX3yZtPn6iA==","shasum":"354c9c76e5c054567a7c8213a739be20ee44d384","tarball":"https://registry.npmjs.org/@benixal/vue-items/-/vue-items-0.1.0.tgz","fileCount":12,"unpackedSize":312195,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnz1cDUt6pftvtD9qmlN7DcFbn2F0wbKt8CCiAfu4n+AIgc52yyG/zi2dqxux3TKCyLllZOPvsiZ+gKleiyPmEMK8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1nXQACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmorkg//fJex7ZZ6WsGGgJ12BhvC80V7ohnj7RgqobRaOmky6M9aJka8\r\n0Mo+OQHOVR8DwMcnPjfNKxEv4Nkw/BdjDXkqUwNGXdFB5nEDAgmE2tkfjKbz\r\nH9L6arC1lIOjeWOjsLPh9WtWB5u2PSlmOpVSgmST3YvY3OoMQjOkNH7TsZV2\r\nUJQWqxiiRknSDQdcXzgW2+P+NeiO2gGOEc6dbf0uXiKedwuKqun8A2V5CgaN\r\nl+5fHfusWXaOWVS5qQi1LIxNSm4Klmzjmwpe986HHBAQIJJS18K6hWuFr6UI\r\nsM3nhT3d3JzTsR9WywqT0p8Ik57os0jNEdjsmrroG/yvNKKx99IV9ipfHEA5\r\n2Sav6Q9uMIXwlsG/Ecp7cj6v3RZ447HvBAvCD3kuw5nmED9Z77D5Jyg1f2Q2\r\n7rRcCl8Wy5vOciPzlLXylNKlWGEMxByTVKWt11sa1zTBEC2G/usy2BsGZ1+Q\r\n5LsSZukzbslPBU8/eWQ4I9OFuAsVCDOezgaIBZXLszZposrAQaWvaugifvog\r\nRft4kmFE7uBeYsrZ7ZRX669VGogoyKJ/VAOBip+jTUrEI3Rz10WJzk/sRuzQ\r\ntQNI+ytDIaDiSYzbcoK7qZ+Qag7ijuBS1ejbGRTxkl0rQ+3NfK/zFOthU3Ol\r\ngQMje9X1V2+stNyBBFC2nfziVikD7cEFaJw=\r\n=wssS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"benixal","email":"behnamxben@gmail.com"},"directories":{},"maintainers":[{"name":"benixal","email":"behnamxben@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-items_0.1.0_1674999248009_0.43142170964634463"},"_hasShrinkwrap":false},"0.1.1":{"name":"@benixal/vue-items","version":"0.1.1","main":"dist/items.common.js","private":false,"scripts":{"serve":"vue-cli-service serve","build":"vue-cli-service build --target lib --name items ./src/components/ItemsComponent.vue","lint":"vue-cli-service lint"},"dependencies":{"core-js":"^3.8.3","vue":"^3.2.13"},"devDependencies":{"@babel/core":"^7.12.16","@babel/eslint-parser":"^7.12.16","@vue/cli-plugin-babel":"~5.0.0","@vue/cli-plugin-eslint":"~5.0.0","@vue/cli-service":"~5.0.0","eslint":"^7.32.0","eslint-plugin-vue":"^8.0.3"},"eslintConfig":{"root":true,"env":{"node":true},"extends":["plugin:vue/vue3-essential","eslint:recommended"],"parserOptions":{"parser":"@babel/eslint-parser"},"rules":{}},"browserslist":["> 1%","last 2 versions","not dead","not ie 11"],"license":"MIT","repository":{"type":"git","url":"git+https://github.com/benixal/vue-items.git"},"gitHead":"01b7451af180f6b22feda44c4d80051930a35944","description":"## installation ``` npm i @benixal/vue-items ``` ## Live DEMO : [https://stackblitz.com/edit/vue-9gnuib](https://stackblitz.com/edit/vue-9gnuib) ## How to use  just bind your array to items  ``` :items=\"myarray\" ``` and  define  ``` v-slot=\"{ item }\" ``` ","bugs":{"url":"https://github.com/benixal/vue-items/issues"},"homepage":"https://github.com/benixal/vue-items#readme","_id":"@benixal/vue-items@0.1.1","_nodeVersion":"16.17.0","_npmVersion":"9.2.0","dist":{"integrity":"sha512-hf3uIf4uc92U+Z8aVlR0fQb9ljPxvoBfNta/VRWOeymaD792VYz0vmkMfkqS3zVk2/B8+p5Mjt8ZdxDsJnEUqg==","shasum":"c483e8b1cfe3ca0e2162fee97a74cbb33714fba3","tarball":"https://registry.npmjs.org/@benixal/vue-items/-/vue-items-0.1.1.tgz","fileCount":13,"unpackedSize":315400,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICe0tsvxAgLUuPtbAmZ0NtaM4RTGZv2xHuPQQX/fCrceAiEAzr667iUorFCpMshJjeuZAYi8TUbjxAl6QaDjk20i9yM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1oRYACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqK4A//azkKjSqm9Zs8RQqGYmFabMoITnziEHHO+by90QHohlgmXQB5\r\ngRyIXpOrpmqoRYHLJ1jC3vD4/pRyJZWwvLxvbHh+1EmJ1QfaU6FU+TK/d6Yr\r\nSBFMD8hGChdjwEMUPMwO0dHbrxrCi/y8mhjjeaGD99fvmeP/IDmE/IBA36Px\r\ndSIkwgjR0o/91zYI+aNpD3OjbDa6nfahcdpuqNj3jg74W49I3mTF9ujqGyTe\r\nq40dWLUWjaKSM1h/BObPzwMQpwz0ugu4mOrkLRUxYsaOgGML6N8DH3mhaNok\r\nKFlRoH7kOCiQezvixm5fh5Ji4aAbaBH3P/VDiRlSSR4Gwx/+TGYpEc3VGuOA\r\nHGrvQIhKxbghm/z/TV7Q7KScNMZoNWFHv7m/ij52ZAUsUEKhgFB/RY8UzYnZ\r\nRSt4jbmp3vpCV22asz+9Q6OXsIsbb/+tXRl6R77z9FxYh/zCtD4VehHf8xEB\r\nffDIA/8NTvfsQHs65X7rLNK18wQN8lZKn/438yac+XUCk+TRQ0mNpifzTh1o\r\nM3YqwPX0udqUbT0CWEUQoiVniWdTnnAjI4o/TQqZu7zHsyFLmC+oXaPl5vDO\r\nNDn+Xv2PuCefBwwqE4KBRu6osiBFJ6WxWTPb1a/RYnXhBVelsIC+wG2ZqeUa\r\npJIhTZilK3EOdXu7frqW19onXdcKNdL9ZY0=\r\n=atDD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"benixal","email":"behnamxben@gmail.com"},"directories":{},"maintainers":[{"name":"benixal","email":"behnamxben@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-items_0.1.1_1675002968354_0.5500808341596535"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-29T13:34:07.952Z","0.1.0":"2023-01-29T13:34:08.153Z","modified":"2023-01-29T14:36:08.591Z","0.1.1":"2023-01-29T14:36:08.518Z"},"maintainers":[{"name":"benixal","email":"behnamxben@gmail.com"}],"description":"## installation ``` npm i @benixal/vue-items ``` ## Live DEMO : [https://stackblitz.com/edit/vue-9gnuib](https://stackblitz.com/edit/vue-9gnuib) ## How to use  just bind your array to items  ``` :items=\"myarray\" ``` and  define  ``` v-slot=\"{ item }\" ``` ","readme":"# vue CRUD items\n\n## installation\n```\nnpm i @benixal/vue-items\n```\n## Live DEMO : [https://stackblitz.com/edit/vue-9gnuib](https://stackblitz.com/edit/vue-9gnuib)\n## How to use \njust bind your array to items \n```\n:items=\"myarray\"\n```\nand \ndefine \n```\nv-slot=\"{ item }\"\n```\nthen you can access items data by\n```\nitem.data.FIELDNAME\n```\n### Add new \nyou can push new item to your array or define a ref for component and use addNew method\n```\nref=\"myItems\"\n```\n```\n$refs.myItems.addNew({ title: 'im new' })\n```\n### Delete item\n```\nitem.destroy\n```\n### Save\nthere is no direct save method in this library , you can pass each item to your own save method\n```\n<button @click=\"save(item)\">save</button>\n```\n\n### Full Example\n\n```\n<template>\n  <items :items=\"arrayOfItems\" ref=\"myItems\" v-slot=\"{ item }\">\n    <input type=\"text\" v-model=\"item.data.title\" />\n    <button @click=\"save(item)\">save</button>\n    <button @click=\"destroy(item)\">\n      <strong style=\"color: red\">X</strong>\n    </button>\n  </items>\n  <hr />\n  <button @click=\"$refs.myItems.addNew({ title: 'im new' })\">addnew</button>\n</template>\n\n<script>\nimport items from '@benixal/vue-items';\n\nexport default {\n  name: 'App',\n  components: {\n    items,\n  },\n  data() {\n    return {\n      arrayOfItems: [\n        { id: 1, title: 'a' },\n        { id: 2, title: 'b' },\n        { id: 3, title: 'c' },\n      ],\n    };\n  },\n  methods: {\n    save: function (itm) {\n      console.log(itm.data);\n       alert(\"send this to your api : \\n\"+JSON.stringify(itm.data));\n    },\n    destroy: function (itm) {\n      itm.destroy();\n    },\n  },\n};\n</script>\n\n```","readmeFilename":"README.md","homepage":"https://github.com/benixal/vue-items#readme","repository":{"type":"git","url":"git+https://github.com/benixal/vue-items.git"},"bugs":{"url":"https://github.com/benixal/vue-items/issues"},"license":"MIT"}