{"_id":"@alchemy_cms/vue","_rev":"14-890dfc7a5c3597d9dbebd6bfab3eba1c","name":"@alchemy_cms/vue","dist-tags":{"true":"0.5.0","latest":"0.10.0"},"versions":{"0.1.0":{"name":"@alchemy_cms/vue","version":"0.1.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.1.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"7976c97b32225879a23007ac653365e86ac1b8a9","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.1.0.tgz","fileCount":6,"integrity":"sha512-Tmy/CILpPQRu3jz0vrflaXLft/O0UgRiErbrdnsCqhY+Lrd5Ez+LKYvl+qwBfODpDZ/B2+lfI7GFP+nIoYNMNA==","signatures":[{"sig":"MEUCIQCg2fVfuozUM+E6bymJd9CDeD/++U/ljO8L1h8ndb3ARwIgNnFyN5zk0bLKICsJMHmPAlP9W4dh+ZkdwnSyfKzm908=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":10305,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoxGPCRA9TVsSAnZWagAAUNAP/23E7M4eUBeikZd2X+pI\nytk+XzTYE1gdcf4BvP3F+3/5bqmMRY0JuzkBNe4Y97cQwkWhGJadu84OgaOM\nDr8iAVJYS5W1p2DNUGSx4wyeoo1TlDyR3+1kFhZSh0pY2kEjnbowKGP6hnBI\nbM9UdAlIsF17yOv3183rWaOXwdmMjNNFX5/ne7PpBu1PnplLjH/cb/KYFZAD\n8iMGtIYyu5If+U+5sYEJi8SgZ49fPIDGb8nkXIuyxUOovDYDIBgdDNrOLKVd\nzxSKskUzO1HzFQbat+CiLBCOXAIgzYbUwxRfpweY/G/vEGcBd6sL0IC2WaRy\nk12K/zvGN6kKk+QjvRyVZf2j2CPgp2qWtiuBX+njLcz7fs4zaRrF7VwMJ8dQ\n0kGlGiRY3qfPQAbZHh/BdnGnSObqCyVkp7knbHmYrJQlSUyTFh6hkbvkfPwt\nHItLt2tB2/UW27oNMG2LnE57PbFJpiZBB5TRGn/QnjX/NHSRpBrim6j5anN2\nZ/0neLjucN51z0uvX8lRK9X5MnkX8y6J5VzD0+UgAlx/W7c1DNnetJFaYnO7\nK+gMDgVCJlryoOMbnq+uIoQrOlhtb9/VzxEiK9uvzJLAn0v6/aNbUK7KUvk+\nCIYJfVv+qI2yc0EXU/+b48GvQ5hGm8Cg9r3NRyDkW6v3wEoTXKYuxpmhIJV+\nHtfb\r\n=O252\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"VueJS mixins for AlchemyCMS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","rollup-plugin-vue":"^5.1.9","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.6.12"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.1.0_1604522382928_0.2862429816886325","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@alchemy_cms/vue","version":"0.2.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.2.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"2dec4c5192bbbe7a7f61dfbfc27127d1a9dab894","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.2.0.tgz","fileCount":6,"integrity":"sha512-srqnWK6JkEPYWJ2IVfWS7yV81NNgTeTItlTqJfqELYG7qCW/DXeJcNUht551WhNhOmtnf1i0iKg73neqYMkPiw==","signatures":[{"sig":"MEYCIQDE3AqI/BQL7wbDd+5Cw0i3Y/DEndWe/whqqN2J+TKlgQIhANA0ckvFdEruBrxMtHeolR0aZ7usAGA6C5xp0DqW3geK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12623,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfoyFXCRA9TVsSAnZWagAA0fcP/0VdbdGJwFvCuw4SVi64\nhfFQxbaczc5ppjJdaV97Z4SXGPSVgxWVhmfPIU+0hWQvcOVKKBFMlaHLKiBY\nJy36sJq6LBgS1BPvn7VivLO4drghH2bQl5cb44JG9eymw4iM3K+7Xn+g7Ybo\nMkfeCuzBXr27H73HSjVnqBm2bBydctWmKm04vUMl8LB4jAelmMSbkN9sERLi\nn2blBMX11w2f7WR3QhKNn6via6gg04z33d+KcWxAsPJ8Y3OJFT+eWvNFcs4e\ns8TUVxrhI6ItWaK4oJO7MFo9hCS+XL/SqPAfIou9XYFYMIp6I0qwkQ5cmYZy\n2Ic/pGu3muyBl7qmVBRg4qTh8LEOgFtxHnn4fuz2BEmgY0jXQVmh+1B2et63\nwFPmtyhA8WIuT4C9Px1hBglQVbYwkCpHWH6r98RofxpeIQWhTQmG0lE/u/mP\nB+Y5Y56l85y7jhyIK0MaNgnhMTQO0ZK6CNhj6qLrkzUw4mDc7lwLZgV3qKom\ntArvYxNFz8XSx5zKFUUXO6fWRZWCMhEGr2KftKnIpCKPRfM2LYLXSOlAle0z\nGxLOoNhp2Y3hOQrwkHhCIv0iXp4UK3lvdm7iUXQtunsH7+ZIlh0LtFzqPumk\nFWQjq+0grlrcth5JfosfHUpn5lFkc9/UagYQyssPqk4cR16rA/1AN2RHEIqr\nkQCO\r\n=Mp2U\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","readme":"# AlchemyCMS mixins for VueJS\n\n[![Build Status](https://travis-ci.com/AlchemyCMS/alchemy-vue.svg?branch=main)](https://travis-ci.com/AlchemyCMS/alchemy-vue)\n[![npm version](https://badge.fury.io/js/%40alchemy_cms%2Fvue.svg)](https://badge.fury.io/js/%40alchemy_cms%2Fvue)\n\n[VueJS](https://vuejs.org) mixins for rendering content from [AlchemyCMS](https://alchemy-cms.com)\n\n## Install\n\n```\nyarn add @alchemy_cms/vue\n```\n\n## Usage\n\n### In a page component\n\n```js\nimport { AlchemyPage } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyPage],\n}\n```\n\nYou now have acces to the `page` prop and its `elements`. Also you have access to the `elementType()` method that you can use to dynamically render element components.\n\n```html\n<template>\n  <div :class=\"page.page_layout\">\n    <component\n      :is=\"elementType(element)\"\n      v-for=\"element in page.elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n    />\n  </div>\n</template>\n\n<script>\n  import { AlchemyPage } from \"@alchemy_cms/vue\"\n  import MainHeader from \"~/alchemy/elements/main_header\"\n  import TextBlock from \"~/alchemy/elements/text_block\"\n\n  export default {\n    components: {\n      main_header: MainHeader,\n      text_block: TextBlock,\n    },\n    mixins: [AlchemyPage],\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `page` prop either by fetching it from the Alchemy API or by erb interpolation._\n\n### In an element component\n\n```js\nimport { AlchemyElement } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyElement],\n}\n```\n\nWith this mixin you have acces to the `element` prop and its `ingredients`.\n\nAlso you have access to the `getIngredient()` and `getEssence()` methods that you can use to pass content from Alchemy objects into your components props.\n\n```html\n<template>\n  <Container>\n    <Image :src=\"imageUrl\" :alt=\"imageAlt\" />\n    <Paragraph class=\"text\" v-html=\"text\" />\n  </Container>\n</template>\n\n<script>\n  import { AlchemyElement } from \"@alchemy_cms/vue\"\n  import Container from \"~/components/Container\"\n  import Image from \"~/components/Image\"\n  import Paragraph from \"~/components/Paragraph\"\n\n  export default {\n    components: { Container, Image, Paragraph },\n    mixins: [AlchemyElement],\n    computed: {\n      imageUrl() {\n        return this.getIngredient(\"picture\")\n      },\n      altText() {\n        return this.getEssence(\"picture\")?.alt_text\n      },\n      text() {\n        return this.getIngredient(\"text\")\n      },\n    },\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `element` prop either by fetching it from the Alchemy API, by passing it from a page component (see example above) or by erb interpolation._\n","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","rollup-plugin-vue":"^5.1.9","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.2.0_1604526422884_0.06376779384237641","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@alchemy_cms/vue","version":"0.3.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.3.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"fdac828102779d10195b47151bf8096792b1a5a6","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.3.0.tgz","fileCount":6,"integrity":"sha512-mN/2jMGTcQ5fpNu0l6tKHuTTXo+VUjVlUxZwXb+huCYrIRlUYlVLP/i7y1gybAyZLU4GFTs58dqGYt1juQZsRQ==","signatures":[{"sig":"MEUCIQDB56Ui7vI8nd//Dmpekds4WSU/dhWUJK7aNW+KH8OBsAIgUTPmhdFFZdl6GfQnCQ9j8XVPuKdsbGPn/tWroEr1vwc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":12983,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpSNPCRA9TVsSAnZWagAAIUYP/1NXTr5mM3Oh/2Ik8XKt\nDxsjR7f5GgK3Pgyd4hFy+1qwuyHsWLnuXHN8jNL6qCz9oqxmd8WVH+nVGNs9\n+dlVhfRFPC5HVbwKnXzFbzMHqKfJhjhTvQuZ+YZB72/OyM5/mW0PWWfQkDld\n/QVDzGLGHBsMe/LWzSMB7WR4R8youZfpVVrZHgyRU/KQXWO8G92Uc4Vz0KiE\n8wDqBMy4WAe5Jvn7chvKwc4Pz+W6joK59XscwAle9LXnPJJdQlGwn64xYp0f\n9cFCLJZnSZnUOJs38GkFq9SbTxnLi8x0/2gZIsF24gbvoy9FKeIrflP64xUS\nMl2kQ1O+tEVPxLMFCfMCklYSKk/TpVqbdjnZPSVOHgXe+X1sxThmJ9M8avRc\nFawYElT2RN6AcssHiDCdmcXgu8gKAXeFfujcHcrzY5glNp06wZkms5LVitv4\nvr84LosHQarISrkqt0cqx5Pk2rYnhuvp4tDfvaiRFn8m+jSlei9HhjeYIMF7\nzj2XFgoFXHxDzN0yAN5H05PzdSTa9OX2ohaHeiI8YhYTAecf1yTHgrjSYYkr\nPi1X2FaIoEt0APx2Ylc/Osl8DyrRXEQaiEzYtppptWst/5LdyGEZbSvgwLSx\n8gR/50iNvmc3uupiqSHdAtYqM2bLhovHleGtMYgV3XTbMaj5sgNQkSygG+q3\nXDe6\r\n=dXST\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","readme":"# AlchemyCMS mixins for VueJS\n\n[![Build Status](https://travis-ci.com/AlchemyCMS/alchemy-vue.svg?branch=main)](https://travis-ci.com/AlchemyCMS/alchemy-vue)\n[![npm version](https://badge.fury.io/js/%40alchemy_cms%2Fvue.svg)](https://badge.fury.io/js/%40alchemy_cms%2Fvue)\n\n[VueJS](https://vuejs.org) mixins for rendering content from [AlchemyCMS](https://alchemy-cms.com)\n\n## Install\n\n```\nyarn add @alchemy_cms/vue\n```\n\n## Usage\n\n### In a page component\n\n```js\nimport { AlchemyPage } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyPage],\n}\n```\n\nYou now have acces to the `page` prop and its `elements`. Also you have access to the `elementType()` method that you can use to dynamically render element components.\n\n```html\n<template>\n  <div :class=\"page.page_layout\">\n    <component\n      :is=\"elementType(element)\"\n      v-for=\"element in page.elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n    />\n  </div>\n</template>\n\n<script>\n  import { AlchemyPage } from \"@alchemy_cms/vue\"\n  import MainHeader from \"~/alchemy/elements/main_header\"\n  import TextBlock from \"~/alchemy/elements/text_block\"\n\n  export default {\n    components: {\n      main_header: MainHeader,\n      text_block: TextBlock,\n    },\n    mixins: [AlchemyPage],\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `page` prop either by fetching it from the Alchemy API or by erb interpolation._\n\n### In an element component\n\n```js\nimport { AlchemyElement } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyElement],\n}\n```\n\nWith this mixin you have acces to the `element` prop and its `ingredients`.\n\nAlso you have access to the `getIngredient()` and `getEssence()` methods that you can use to pass content from Alchemy objects into your components props.\n\n```html\n<template>\n  <Container>\n    <Image :src=\"imageUrl\" :alt=\"imageAlt\" />\n    <Paragraph class=\"text\" v-html=\"text\" />\n  </Container>\n</template>\n\n<script>\n  import { AlchemyElement } from \"@alchemy_cms/vue\"\n  import Container from \"~/components/Container\"\n  import Image from \"~/components/Image\"\n  import Paragraph from \"~/components/Paragraph\"\n\n  export default {\n    components: { Container, Image, Paragraph },\n    mixins: [AlchemyElement],\n    computed: {\n      imageUrl() {\n        return this.getIngredient(\"picture\")\n      },\n      altText() {\n        return this.getEssence(\"picture\")?.alt_text\n      },\n      text() {\n        return this.getIngredient(\"text\")\n      },\n    },\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `element` prop either by fetching it from the Alchemy API, by passing it from a page component (see example above) or by erb interpolation._\n","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.3.0_1604657999175_0.3529438253382067","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@alchemy_cms/vue","version":"0.4.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.4.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"d4af728ef57007bc02fe23860be9800a9236acd3","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.4.0.tgz","fileCount":6,"integrity":"sha512-vfdEyQCPJVMfb3vqzqHRsQBPKDChcqnjygx+fwgrhAxKhrqfG0yeZF2q5KfXvEl+5PzpD00GoSC6tp5Au/SK0g==","signatures":[{"sig":"MEUCIQDURpUsrBTF8DnONiYZ0hEQrgC0kJCBV6b9Ly5oTqQ3EAIgPlxJ+S6qWU1hGSsl3nAw+Y6bmYdq/JppFKOkn01Bfw0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13055,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfpYTyCRA9TVsSAnZWagAAr/UP/RwJ0nIT5StBZVyMGSGj\neOl//kbCy6UpN6zoVij6+Jx2L6J9DeMGu/1BcQy1mil/llIlAMnjIfTw55H3\n02I6WWHiQN0Dy84znblg8B4EC5+frkPap1CYOA10dwYRpaL82JLu/wvufhzk\nlyLk6eyOeSE6TWiR1n7+NWOXpHKy2IJkPmKYfW2/EMvU2xVCtFwZiezs3Ov2\nLMypwQBdLgjf1t6o6WPcsee+gQFRkNbso2otSDtwGj0FFZAHDQGGuutc8Bf4\nblS4L6l9NbNuUxRBM7b60Lp2xDY0XwVdWCOXoYV4UwJsgUaPwOTQDfwriCO9\nZysk+QcyjURw04Wj/CONNisFmOZUs+RbaWdExRcmipUKURM3S7fz7EXhTT9+\njnU0EPZifANE9ArSf4q0v+tBe3P0z1Yo6g5oxg5xw0p/m32JzswbWX6SeaT9\nBBBQCrzzx1nxhdRX+88wN4Zo57nh8qD13zN+8aZq6JXJuG7d34ofGd37NxyQ\nTTkPl7fl9NyIYbw0fTNeMt0R6uxgERUXH8M2aLVqAOWPVxAYKLHeyCDtgcJb\n/jEOH+2slNc5q+JaptiJUoju+uB1UqC+SgJCxTOans0gxTxmUyjIFNGCTqft\n7mXiYXesrnGM57omr9sgm0JJ/c3/mXmP0/f9ONa4DcxxHDJKs130qTElOz22\n69w1\r\n=kKlN\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","readme":"# AlchemyCMS mixins for VueJS\n\n[![Build Status](https://travis-ci.com/AlchemyCMS/alchemy-vue.svg?branch=main)](https://travis-ci.com/AlchemyCMS/alchemy-vue)\n[![npm version](https://badge.fury.io/js/%40alchemy_cms%2Fvue.svg)](https://badge.fury.io/js/%40alchemy_cms%2Fvue)\n\n[VueJS](https://vuejs.org) mixins for rendering content from [AlchemyCMS](https://alchemy-cms.com)\n\n## Install\n\n```\nyarn add @alchemy_cms/vue\n```\n\n## Usage\n\n### In a page component\n\n```js\nimport { AlchemyPage } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyPage],\n}\n```\n\nYou now have acces to the `page` prop and its `elements`. Also you have access to the `componentName()` method that you can use to dynamically render element components.\n\n```html\n<template>\n  <div :class=\"page.page_layout\">\n    <component\n      :is=\"componentName(element)\"\n      v-for=\"element in page.elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n    />\n  </div>\n</template>\n\n<script>\n  import { AlchemyPage } from \"@alchemy_cms/vue\"\n  import MainHeader from \"~/alchemy/elements/main_header\"\n  import TextBlock from \"~/alchemy/elements/text_block\"\n\n  export default {\n    components: {\n      main_header: MainHeader,\n      text_block: TextBlock,\n    },\n    mixins: [AlchemyPage],\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `page` prop either by fetching it from the Alchemy API or by erb interpolation._\n\n### In an element component\n\n```js\nimport { AlchemyElement } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyElement],\n}\n```\n\nWith this mixin you have acces to the `element` prop and its `ingredients`.\n\nAlso you have access to the `getIngredient()` and `getEssence()` methods that you can use to pass content from Alchemy objects into your components props.\n\n```html\n<template>\n  <Container>\n    <Image :src=\"imageUrl\" :alt=\"imageAlt\" />\n    <Paragraph class=\"text\" v-html=\"text\" />\n  </Container>\n</template>\n\n<script>\n  import { AlchemyElement } from \"@alchemy_cms/vue\"\n  import Container from \"~/components/Container\"\n  import Image from \"~/components/Image\"\n  import Paragraph from \"~/components/Paragraph\"\n\n  export default {\n    components: { Container, Image, Paragraph },\n    mixins: [AlchemyElement],\n    computed: {\n      imageUrl() {\n        return this.getIngredient(\"picture\")\n      },\n      altText() {\n        return this.getEssence(\"picture\")?.alt_text\n      },\n      text() {\n        return this.getIngredient(\"text\")\n      },\n    },\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `element` prop either by fetching it from the Alchemy API, by passing it from a page component (see example above) or by erb interpolation._\n","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.4.0_1604682993639_0.8262353082668836","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@alchemy_cms/vue","version":"0.5.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.5.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"e31c45e96d2beac888158d2e5056cbc28eef975d","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.5.0.tgz","fileCount":6,"integrity":"sha512-hRU2R4A6tsLR1w5uZSvmZpDO29xbpx6c/PoLg646K1JMKXuvzshxGpQZkUIMsiTvfhNFaDNxIvL3A+fCHzBIQw==","signatures":[{"sig":"MEYCIQDojQp2k8/OX7MbRSBdtPMW+zbVA+eeHi9C+2XQybZzwAIhAIgdO9PDykXkNJCiuJ+QZ7hjL9gCeTmY1z+1stQ8/cpk","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13255,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfrbynCRA9TVsSAnZWagAA1zMP/1YnEg4Di4MaPl511M8c\nheGLMEjqszXxpGoMXAtiO5Csz4YsvB6xjN/665tuFRKavZqye6dNX4CwI7Kd\n04Z3I/qpe/TjEbMuWRyWf2coxcbpGSOm/QwNQtbzxS3e72kb+HOfB5+SNoKL\nFXhKxad/JQDE0igmRMEwFsYSkLPyJRIP4StLlhd2NGWoJb0jyajNFfYR0+iv\ni9IHWb5CN9yr85zdEJRQyUiZEoKE4F/NY7PG4DibFpspWOQH+VA4MVcjtN+O\nIs/IPW54QaiRYBIzIdSNtZa2Ri9O50KkujMa+Tqw5DBQt8reW7KVSYJXVzMc\nvKDjndyAluWpGiivVNuRWKoG1gUU+egJ5+GYXrUOUzr6lCSLKF4Mv0f4SMy+\nZ/EqHFmcZOCJ1tHdzwANwEcG5mFeBHpcPy0cIaKNBI9ks1PbNyju8XKoavC3\nw08AuLHzw2dzpJJDCDWJ/3zGFNVw8Gl6srwdjZjXvU4eoYHwLGwGcXJ1kPAX\nYIbKOgBIrvuwa63LmcdZRcTZpq8mvuDji/ULFzuvsShfQNDt8vGbwISILIhX\nGGDA3K2epyQifU7Y0pSkx1JrzgkQVlfoqztpx6rlihGSMB9v6oTEo8fBluGO\nDOSXRCdasoleNpkH8kLzctZOKiSDuSoIkRt5ygRyjwGr5HpacMa233eNIwP4\nkUbA\r\n=BYnr\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","readme":"# AlchemyCMS mixins for VueJS\n\n[![Build Status](https://travis-ci.com/AlchemyCMS/alchemy-vue.svg?branch=main)](https://travis-ci.com/AlchemyCMS/alchemy-vue)\n[![npm version](https://badge.fury.io/js/%40alchemy_cms%2Fvue.svg)](https://badge.fury.io/js/%40alchemy_cms%2Fvue)\n\n[VueJS](https://vuejs.org) mixins for rendering content from [AlchemyCMS](https://alchemy-cms.com)\n\n## Install\n\n```\nyarn add @alchemy_cms/vue\n```\n\n## Usage\n\n### In a page component\n\n```js\nimport { AlchemyPage } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyPage],\n}\n```\n\nYou now have acces to the `page` prop and its `elements`. Also you have access to the `componentName()` method that you can use to dynamically render element components.\n\n```html\n<template>\n  <div :class=\"page.page_layout\">\n    <component\n      :is=\"componentName(element)\"\n      v-for=\"element in page.elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n    />\n  </div>\n</template>\n\n<script>\n  import { AlchemyPage } from \"@alchemy_cms/vue\"\n  import MainHeader from \"~/alchemy/elements/main_header\"\n  import TextBlock from \"~/alchemy/elements/text_block\"\n\n  export default {\n    components: {\n      main_header: MainHeader,\n      text_block: TextBlock,\n    },\n    mixins: [AlchemyPage],\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `page` prop either by fetching it from the Alchemy API or by erb interpolation._\n\n### In an element component\n\n```js\nimport { AlchemyElement } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyElement],\n}\n```\n\nWith this mixin you have acces to the `element` prop and its `ingredients`.\n\nAlso you have access to the `getIngredient()` and `getEssence()` methods that you can use to pass content from Alchemy objects into your components props.\n\n```html\n<template>\n  <Container>\n    <Image :src=\"imageUrl\" :alt=\"imageAlt\" />\n    <Paragraph class=\"text\" v-html=\"text\" />\n  </Container>\n</template>\n\n<script>\n  import { AlchemyElement } from \"@alchemy_cms/vue\"\n  import Container from \"~/components/Container\"\n  import Image from \"~/components/Image\"\n  import Paragraph from \"~/components/Paragraph\"\n\n  export default {\n    components: { Container, Image, Paragraph },\n    mixins: [AlchemyElement],\n    computed: {\n      imageUrl() {\n        return this.getIngredient(\"picture\")\n      },\n      altText() {\n        return this.getEssence(\"picture\")?.alt_text\n      },\n      text() {\n        return this.getIngredient(\"text\")\n      },\n    },\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `element` prop either by fetching it from the Alchemy API, by passing it from a page component (see example above) or by erb interpolation._\n","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.5.0_1605221542773_0.2829199522314667","host":"s3://npm-registry-packages"}},"0.6.0":{"name":"@alchemy_cms/vue","version":"0.6.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.6.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"5b014c4394a7aea6f87ac0904b3fca9f9faa6877","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.6.0.tgz","fileCount":4,"integrity":"sha512-7HCm6KFHbNvn1QFuKNURzT4YFc7tDK3FTfaoU7t3NdS0Y/Pn2PbC1W34ucVwk4oTXrj5ryWNiglh4JGB7CX5GQ==","signatures":[{"sig":"MEUCIDLJvVytjeHL0idAQgeVku/WZV6sOVu893TLAVuAGZvnAiEAuxGtkeZvnmQbZlXLpOLwc3+o6J+X6zDvDFq/tYh+p3g=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":13475,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgbDmJCRA9TVsSAnZWagAANbgP/iMUj3mqzQe2ibc1KFeE\ncmfB3YAHYZkaVLo+KTlj4dkgwY8DXPxeHK8JUB9nEm7xFYQ730kcZbsL0vIl\nnDWtgfQ4IritzPikdlEj/gS0479pMRCpoc5lAyMnTCF7dlA/T9/MiRKyTtBA\n/bvAUbXnJm8xrDqX+wEGktjIdAYraRevPaekR7T7orn60Al4KQVIIiy8cdu5\nMDxAZGrS68egCLmueCG4SjdcTi2zXYPotIqA5xB1fgvqsN0hf9JXvGFZ8Occ\nBMVkBbgSBw9wXW6o489xPqh+T4kDQQEKim8kcG8Xvq/GVqF+fMfEbAkCEq/p\nIzbmYtu+6N2pYrwUet/alRREkCPjd4D5vk83z61bUtOqpGy9Os0a0bTXVtyR\nVzGRnQbMRXqgKOx1fyNWQthSIHka5wUO4njbfcQs0VH0MoDFDGEzfCCaF0/D\nb/fcutS5/W0dLQC4V4siW5lbX+wVX384TN8gKM5zVvaksTwkw4bTJP70RqFt\nJfMKfMXpwOgbhc/sdrA58BEFPljOaXgaaUaZR0ECCjtoitt1kr80hqBp/M9e\n3SS60/vs1bjQ9vP41AW4weTuKh3DN7c0t5+BUMzqLhsV6j/yG4m7k0d9Ujt+\nVu6JBj5uJ/IYYkpKO/XCxlYlwA5DoPNTFwqCPzYI9Us+1q95qebKSu/UQiQS\nqJJm\r\n=Poad\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","gitHead":"919947c71929b4a23d7baa245ba67bf9930c52cf","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"_npmVersion":"6.14.8","description":"AlchemyCMS mixins for VueJS","directories":{},"_nodeVersion":"12.19.1","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.6.0_1617705353224_0.8600927755306746","host":"s3://npm-registry-packages"}},"0.7.0":{"name":"@alchemy_cms/vue","version":"0.7.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.7.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"7264957145b86a63db3a8d87fc87bdf78d4a7b97","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.7.0.tgz","fileCount":4,"integrity":"sha512-QYPwY2YSGNE0gaH1JlZ1fHKHUKRc3XhXNGa9gdQ+KZW8yBZgUx4dgrx9KXxjsUcgNPGHj3oQlRimXjsV8KUNsg==","signatures":[{"sig":"MEUCIGIZ40KcV4I9wXwRzyURRR0sdufZx+mx+ht6W9ORwH+7AiEA/6bkihgo771vE4WhfeBvfQUZKh0risWiys+yW+nkpTU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":14944,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg3eJ9CRA9TVsSAnZWagAAgTAP/iogsviXxbX/rXgIyztV\n9gk/mUGOiy/AtSvcCpFgafq5w6hLcy7EtBSCcl1ka+miYcPV0wwCBkehKuJ1\ncZ6wiUDZ/n/eWL5MJIsNiNaDghT9zL1/F/KUgAM7InR2mt2tTt4v71sSvzrg\naMNOX/1DKSUr9Y765uVur/sVK3isQKrqmbdwmeojyP3Tu+65GR906WmqqTQL\nAH0pNSILi9WfVA4O+WKWvgFErgYKIycIDy+7Cuk/8UcJZheaThd02QW16xxd\nP4zFkpfZxCMPF1RIisT6CSLoGZ4srp+RpmYIn1jjpkVs6uZjs7gzkEO6GjH2\ngpBVpXWu+APzW5nbdqT8uT4Uy1OWN1ZogLZNaki0rF1jiPdv+F0YZUGdvvDe\ngjcxo20kbJMhzlJvUyHSreZ/jVZ0N9jTlMF6M0d3ub90+xNqVCM+TgngZbmY\nDBlNHUGgxb1QaGRo2NIQiyGHbVXJVv97l56Ck2KtS7xPwXIerfiB6V/UjpbY\nUu94EPmcHj+pSA1tGwRjWLCA6m0TZn5tUdrKst7hRyn/TqTeRwToCB9wnx5P\ntQt9e7QeH+laZUGvlzXsQ4PicZCD2dgw35oM6dZWixnenr73tEnzvknONxZ3\nk7zpWHoCZjMY/5l6UB2y9bGmB7OK5kZzd294pFJdbmHqTMkxLVYqnoMAwDcD\nslwh\r\n=BgDx\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","gitHead":"5c858d215067232f087a2c1c700dcd54ec5e5109","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"_npmVersion":"6.14.12","description":"AlchemyCMS mixins for VueJS","directories":{},"_nodeVersion":"12.22.1","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.7.0_1625154172683_0.746147513573701","host":"s3://npm-registry-packages"}},"0.8.0":{"name":"@alchemy_cms/vue","version":"0.8.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.8.0","maintainers":[{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"c2a069aa178c6bb9d224ee2de770cb2bb9973b12","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.8.0.tgz","fileCount":4,"integrity":"sha512-iY56MGuCczYB/WxwsjJACGfX/0cf9rKDQ5SRdFhli9oWC1V4dZO8li8/nAqmC/tYDx/g42RvyeIdSpvS56cEjA==","signatures":[{"sig":"MEYCIQDykFS8b6IlLDOfYA/YUrKvTOOgbCXUdMEten1g+DoF9gIhAKY5QOx4lMg4qHMvWonM1gpX7+3aRLx5tZJjsgq5J3Iw","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15463,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhGm/NCRA9TVsSAnZWagAAzFgP/1PqU0M9egsRBYVrCTOP\n2zKFlGY1oeXmmN1oOjA2j71ggR5jFheaJtm1hkorZU+dmNHCZsJ43ogP7AwS\nKfK1d6wSR4LMh7EtygTWTBBFbhXqOUVYU2rqVDhCE0CHcy8nGkbHmcUQLpDE\nOtNzz9s50weC5J2iZAPlqOzVmI38Bgh+W5PtEfaSBwjZBT72ttMiH+wLriaY\n3GyDsRqcUnWmrVqtBPByrzRK2vnGqRHhKE2g2Ht5UL3T8mAlcwKvMNDN2pPf\ns6Vp0zLTxX4ndhbje+BaTTuWWKxoml/Ad52v8z8pa19OCBFelBAC6wMpcMWL\ndYMtyM+MCHBqmNN60/nimZSJidM1XroL81Ci3v4OSBvjyBiqgxkvzpd7+r5l\nXE3XfvuU5VeEPmAERO7OlPLPox0svKSUBjB39ndttLyCZQ+EG0/WwubqWU/e\nSnTIvo9AC2OFrrS7yfyNPHAE/FlNVW0CVTFdEqUiIOO1ujQ7Ju/3pIz5mkfK\nS0irfPmGZvl1w2zqvlWOYiCfUBJNxBdLHeLb6zzdezwQzwT2dRahI3hguA5T\nJ0/wReUrQ0wTXuVHK0bOd0ptgEoJk44AwMQ7ChjgqV2/Q5RzBm+JvekvqmQ4\n131J2DDVZfo4CqMihfOGKx04lY4dzIuqI6cMi/jyOFnhp7GxIEEf56yQNtIb\ns35R\r\n=XQBi\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","gitHead":"03c90bfcaf2edd06c9d8445226cc8c048d7e097c","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"_npmVersion":"7.20.5","description":"AlchemyCMS mixins for VueJS","directories":{},"_nodeVersion":"12.22.1","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.8.0_1629122509759_0.01611382686629015","host":"s3://npm-registry-packages"}},"0.9.0":{"name":"@alchemy_cms/vue","version":"0.9.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.9.0","maintainers":[{"name":"mamhoff","email":"mamhoff@gmail.com"},{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"ab47e75382accf853645ef1cc53bc26c94521ec8","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.9.0.tgz","fileCount":4,"integrity":"sha512-pWkCl9FrtpwzVJPdYswrFMfJ9iJlZLJCeOQKqXLi5879L13WSTpMaaDaeXG0sAp/LNPvVUZrs+v+VwGvNcwLnQ==","signatures":[{"sig":"MEYCIQD+xupfTuONipC83FbKq6YuY2M7k8BQx0IinF77RhhiiAIhAPvSYrpmOihzl3BvKtmG59bKM++yIQc2jiAWxyF86R7R","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15027,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhwwZxCRA9TVsSAnZWagAApQ8QAKTO01v0pkkMXhyD3+7+\nX6cTDrVGbRvyoxn1/AJI+3eaAHJmZy5GwrBz2298LfYeyv+fPb/penoG4w8b\nj7KMxx8v1O0V12YSTSHFlQjGwKFTmhGKrUE5y3lzv6MItPd3u0mObz6FwaEn\nCqqSNCmq6Gx1vBPjeYt8GGrPTi6o0hjUnqSUsD9C63fGhZeHiEowEHBNzjGq\n+aOORbBeXK1HBJVvBKpMmwS14N+6YhusK4KO18j4Bi9OxvY8zFPUjXUTTHL6\nqAIcazBoo69qnK5o3vpiECy36PM9bkOVZK5vtPsKNRhJRKhWg93HaTo4Qhzx\nBJSxEPnukVIrFs61KsavrsrLZ74IM03ZPkXH/ElEWBOaUb3G9ohfTkVg5LKl\njkwocqgnmLiS7LhjcS1Fw5jjYJZjZ9lDE2c2j3NgoKZKka8levkzlHe1VyKT\ndzNmnqnoqzUzzDCdsfUKLDl3ijXE4Xl6jDHSTQFHx0xB1vAnfVFbUJW7FtWu\nsCjvZLP9DvYy3Y/suKBsYghGUdSbvBJ8hkY5Y5qI6KAQX/mxMl/Z6WS35LYe\nrrpX/SEDa2/BJS5MxFcrOv2Ou9GHzuA09OofwzXM+Leg/Wk5/1D4wZj6Feng\nu3wRPRpKZ5wbzp9GRKSFxUvrsTxWS/XzWt8n5nkazGOpPFHrqRktaZ8bvMKe\nQsS8\r\n=i9kb\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","gitHead":"8a2d98763ccab74a6c7b33793ec8edcd973591fd","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"_npmVersion":"7.20.5","description":"AlchemyCMS mixins for VueJS","directories":{},"_nodeVersion":"12.22.1","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.9.0_1635276667767_0.5423178788095777","host":"s3://npm-registry-packages"}},"0.10.0":{"name":"@alchemy_cms/vue","version":"0.10.0","keywords":["VueJS","AlchemyCMS","cms","headless"],"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","_id":"@alchemy_cms/vue@0.10.0","maintainers":[{"name":"mamhoff","email":"mamhoff@gmail.com"},{"name":"tvdeyen","email":"thomas@vondeyen.com"}],"homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"dist":{"shasum":"134d358e1d977f38e5bf8f6311027cffddd37476","tarball":"https://registry.npmjs.org/@alchemy_cms/vue/-/vue-0.10.0.tgz","fileCount":6,"integrity":"sha512-Dk7fCnuYaPMJfzOhB3dOt7QajTTFOGgVZBxl8Vrh4n+tBWZTvkDZpohg/4s4I1hgYbHtqeRdIwGpGp6Z6PVZFQ==","signatures":[{"sig":"MEUCIHpfAP+sQCLb63TPv5QYmbEmHmBOsyRq0RQs11+9moh2AiEAyy81we87q5UxVSJINpGIbqDtGR23owUbBtWNvi3ZJnw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":15244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI0ygACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmodxA//YAq/ghxktB9vR/ODsK2TxOo/G6KxlF+Jc8Zv8mqbthod2H0+\r\nHMyNmDITydZqaXCHY1myY8c8L4kIzyjsmjdXepmBQsPKq/wHlCYQt6py9uJV\r\nQqusPRxEKMGM76nfD2DPDpCcMJNYQyNN+HkOKxNm1dHhvsnTgTbYMKXI7LzX\r\n9J+o9vacleH/LDaD2hd3LWzTxOoxsdQiJ1NcBau9dGGOATltjMVj+9vyGydx\r\njIE+bR+sW8BN8OgF9KrR6wscGXIquRvcs7D55GqHwYyfHpSAozMG7lDDzdRR\r\nZmqbqEIztq6l/Bk5Es2S04vsdNRfxD6IynPZTcJm3fACfUHuBJBh54nhW4GT\r\nLL6GRmuQ1gLje1y56gFFzcH25rhnLUVkouudzXC7BBznIhyx5/4tZUwyIZao\r\np+m7CI1V0SwEYVB0Kd2KzgrXgv6zKBdGfqSnMi90Oq1HKrxlnzI6sKPQR+88\r\nqogKKNHBYhIEH4eZdRFpeBxFmqQVkXfO5PjMeFttQfZTqevBd1zRLa5h4GHO\r\nyw0MdrUz3f/V707BvaCVH6sNVK4YqVvpGDTOY4TkhQFag9YXWhfhDMFsJkKi\r\n1FzZUsUyjJy33nTp2FsLCkkQEtGgtdSu0EQFDT6oJhzA5i+SeiOXFDiX2kgp\r\nYY1ttTz2D/Bue1kSNfFCyvi2eVFnbUbsOQk=\r\n=Ir3b\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"transform":{"^.+\\.js$":"babel-jest","^.+\\.vue$":"vue-jest"},"moduleFileExtensions":["js","vue"]},"main":"dist/alchemy-vue.js","scripts":{"test":"jest --forceExit --detectOpenHandles","build":"rollup --config"},"_npmUser":{"name":"tvdeyen","email":"thomas@vondeyen.com"},"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","directories":{},"licenseText":"Copyright 2020 Thomas von Deyen\n\nRedistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:\n\n1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.\n\n2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.\n\n3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS \"AS IS\" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n","_hasShrinkwrap":false,"devDependencies":{"vue":"^2.6.12","jest":"^26.6.2","eslint":"^7.12.1","rollup":"^2.33.1","postcss":">=6.0","prettier":"^2.1.2","vue-jest":"^4.0.0-rc.0","babel-jest":"^26.6.2","typescript":">=3.8 <5.0","@babel/core":"^7.0.0","@vue/test-utils":"^1.1.1","@babel/preset-env":"^7.12.1","eslint-plugin-vue":"^7.1.0","rollup-plugin-vue":"^5.1.9","eslint-plugin-jest":"^24.1.0","@rollup/plugin-babel":"^5.2.1","vue-template-compiler":"^2.6.12"},"peerDependencies":{"vue":"^2.x"},"_npmOperationalInternal":{"tmp":"tmp/vue_0.10.0_1663257760519_0.0006951239924399832","host":"s3://npm-registry-packages"}}},"time":{"created":"2020-11-04T20:39:42.733Z","modified":"2025-06-18T14:45:17.154Z","0.1.0":"2020-11-04T20:39:43.140Z","0.2.0":"2020-11-04T21:47:03.027Z","0.3.0":"2020-11-06T10:19:59.374Z","0.4.0":"2020-11-06T17:16:33.819Z","0.5.0":"2020-11-12T22:52:22.959Z","0.6.0":"2021-04-06T10:35:53.375Z","0.7.0":"2021-07-01T15:42:52.814Z","0.8.0":"2021-08-16T14:01:49.915Z","0.9.0":"2021-10-26T19:31:07.892Z","0.10.0":"2022-09-15T16:02:40.672Z"},"bugs":{"url":"https://github.com/AlchemyCMS/alchemy-vue/issues"},"author":{"name":"Thomas von Deyen"},"license":"BSD-3-Clause","homepage":"https://github.com/AlchemyCMS/alchemy-vue#readme","keywords":["VueJS","AlchemyCMS","cms","headless"],"repository":{"url":"git+https://github.com/AlchemyCMS/alchemy-vue.git","type":"git"},"description":"AlchemyCMS mixins for VueJS","maintainers":[{"email":"mamhoff@gmail.com","name":"mamhoff"},{"email":"thomas@vondeyen.com","name":"tvdeyen"},{"email":"npm@lassediercks.de","name":"lassediercks"}],"readme":"# AlchemyCMS mixins for VueJS\n\n[![Build Status](https://travis-ci.com/AlchemyCMS/alchemy-vue.svg?branch=main)](https://travis-ci.com/AlchemyCMS/alchemy-vue)\n[![npm version](https://badge.fury.io/js/%40alchemy_cms%2Fvue.svg)](https://badge.fury.io/js/%40alchemy_cms%2Fvue)\n\n[VueJS](https://vuejs.org) mixins for rendering content from [AlchemyCMS](https://alchemy-cms.com)\n\n## Install\n\n```\nyarn add @alchemy_cms/vue\n```\n\n## Usage\n\n### In a page component\n\n```js\nimport { AlchemyPage } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyPage],\n}\n```\n\nYou now have acces to the `page` prop and its `elements`. Also you have access to the `componentName()` method that you can use to dynamically render element components.\n\n```html\n<template>\n  <div :class=\"page.page_layout\">\n    <component\n      :is=\"componentName(element)\"\n      v-for=\"element in page.elements\"\n      :key=\"element.id\"\n      :element=\"element\"\n    />\n  </div>\n</template>\n\n<script>\n  import { AlchemyPage } from \"@alchemy_cms/vue\"\n  import MainHeader from \"~/alchemy/elements/main_header\"\n  import TextBlock from \"~/alchemy/elements/text_block\"\n\n  export default {\n    components: {\n      main_header: MainHeader,\n      text_block: TextBlock,\n    },\n    mixins: [AlchemyPage],\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `page` prop either by fetching it from the Alchemy API or by erb interpolation._\n\n### In an element component\n\n```js\nimport { AlchemyElement } from \"@alchemy_cms/vue\"\n\nexport default {\n  mixins: [AlchemyElement],\n}\n```\n\nWith this mixin you have acces to the `element` prop and its `ingredients`.\n\nAlso you have access to the `getIngredient()` and `getEssence()` methods that you can use to pass content from Alchemy objects into your components props.\n\n```html\n<template>\n  <Container>\n    <Image :src=\"imageUrl\" :alt=\"imageAlt\" />\n    <Paragraph class=\"text\" v-html=\"text\" />\n  </Container>\n</template>\n\n<script>\n  import { AlchemyElement } from \"@alchemy_cms/vue\"\n  import Container from \"~/components/Container\"\n  import Image from \"~/components/Image\"\n  import Paragraph from \"~/components/Paragraph\"\n\n  export default {\n    components: { Container, Image, Paragraph },\n    mixins: [AlchemyElement],\n    computed: {\n      imageUrl() {\n        return this.getIngredient(\"picture\")\n      },\n      altText() {\n        return this.getEssence(\"picture\")?.alt_text\n      },\n      text() {\n        return this.getIngredient(\"text\")\n      },\n    },\n  }\n</script>\n```\n\n_**Note** you need to pass the data into the components `element` prop either by fetching it from the Alchemy API, by passing it from a page component (see example above) or by erb interpolation._\n\n### `camelCase` attributes\n\nThis package supports `camelCase` attributes as well was `under_score` attributes.\n","readmeFilename":"README.md"}