{"_id":"@spearly/nuxt-module","_rev":"40-493f5293900d5fb70baf7fa365dee92d","name":"@spearly/nuxt-module","dist-tags":{"latest":"0.10.1","next":"1.0.0-next.12"},"versions":{"0.1.11":{"name":"@spearly/nuxt-module","version":"0.1.11","description":"[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.9","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"ba2810b6bad505de1336b888d3ba11e3d9af8ee8","_id":"@spearly/nuxt-module@0.1.11","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-+mM1Sdpe0NiDIdzRCxgUmA9jw8Urg/dP16zv169NPuQnAaQPNK8e6c4zocuniTJif64Ak72hW3Tov6cFf+z7WQ==","shasum":"6944fd72c455dad7747389c3a699b529df4dcaa2","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.1.11.tgz","fileCount":43,"unpackedSize":450535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB6PqIXxn1sij5yIcqimj88nbInXJWaiUYpGSbyPzqZ3AiBGgdQ7E61D+HCgWlKSnEgOrwyumnRi+Xoz56yLgkiqwA=="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.1.11_1634864381206_0.17571842327958564"},"_hasShrinkwrap":false},"0.1.12":{"name":"@spearly/nuxt-module","version":"0.1.12","description":"[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.9","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"0b5aa7102706f3b57e1013694e56ef60dc7bbeed","_id":"@spearly/nuxt-module@0.1.12","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-RuxsRRmjEB1Dx/NOlV1q1j0f91JdlwQ+zvkzvl1KifsBMUvexXPWwm2HogcCMAZdTIhFQrHb0MBgmm3tCmpgRw==","shasum":"b34d9ef4514affef4621428083b75f5cf70034f3","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.1.12.tgz","fileCount":43,"unpackedSize":450535,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDdpoF2mMcLFUoau6jjsC3ktj7ciOTw+FnauTjxNsBSbAIhAKgvwk03IjRlzDuJ4ZE2f7UQkKwEuVtFLunEGDNEIG+B"}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.1.12_1634866894064_0.6629784268521"},"_hasShrinkwrap":false},"0.1.13":{"name":"@spearly/nuxt-module","version":"0.1.13","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.9","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"ec145f1bec8932829a301a5feb0fbe461ad214d8","_id":"@spearly/nuxt-module@0.1.13","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-Da/WNjwt8At2R+NIwB/7TKlpJNBRIAzBQFjKGmRvPxGTtEfPaBYOfq8tvf1DdZI8XFlFcRlI5ccImN5LgtXSWg==","shasum":"b21278195a95918c19c4e68752fd12b585b52d1c","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.1.13.tgz","fileCount":43,"unpackedSize":450997,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCIcETBSWuCZIuK7G6PSCW5MV0nBi/O3sciXej4XmwbtwIhAIXjJ5DZ3YPfVWLilWgFORBYMjZhLyEO6S/XHaDoW/Ni"}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.1.13_1634867645045_0.5660371163777747"},"_hasShrinkwrap":false},"0.1.16":{"name":"@spearly/nuxt-module","version":"0.1.16","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.9","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"9837d87592099d01e456c27d10f527e220eefd22","_id":"@spearly/nuxt-module@0.1.16","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-f1awWRZSsndl3wCrLCCm/ZkvVYKJ4IJps8W+T7mx0AotucqVujJg2xKYXLg+ycYXF55HMv+/DpaKixE6SxRN8w==","shasum":"5e4eba5f51386a097274095be17a716a40249910","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.1.16.tgz","fileCount":43,"unpackedSize":468474,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIASzTn57bmdz4HZC6apRbmRDyr9zZCtIaPJYqbEB4zRXAiAXLW/e/rcKNsggbT3uHW9ThEXPuTvSbHhDfCin0Zpfmw=="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.1.16_1635472256176_0.24331692968620655"},"_hasShrinkwrap":false},"0.1.17":{"name":"@spearly/nuxt-module","version":"0.1.17","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.10","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"46c65f61b1d1830e91007ab151f5661360e44e6d","_id":"@spearly/nuxt-module@0.1.17","_nodeVersion":"12.22.7","_npmVersion":"6.14.15","dist":{"integrity":"sha512-45CVGR9EDbgNkK2/JF0ILwCUbBWB/g2Wof+ixwG7u4MoNMhGhWd5W3DhxKbOV5IdFulki/5GxfCqIGWw94x+9w==","shasum":"9abf5531586f3edebab34c3e380c3b0cd00e6004","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.1.17.tgz","fileCount":43,"unpackedSize":470832,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2bzgCRA9TVsSAnZWagAATaYP/jcd7HyLtxavU2sKX2iE\nLUz7mydEUeIB2GmCe4Z1iHF5fpIFLH5m3oMNDrv5ZFeiaFa3Ge0pHcvHXuLn\nv9Z3nYiP3+eYI4XFXekZKvSSbND/J9BZVFgc79eclFpTMK+hX+ZN6PUbekFm\nx/0WNcFVPkXNlXEm3DSqSu0MGyrCTC4syd4eEtGwpe1fdQ9JG1Xri+pUnMsx\ntTqXGHcYzIL6P7FN5CH76OqBtXfWTK/Uj3zusN1bI5TPYbLzDh/Yz7xMfiM3\ndVjZ/tUF+hSiZOHkW03UdUgmtFEIQaDv+mLXX+gYX46uK/Hm/rVKHOa/i8Y7\nQHiq4ocR4P/mtfMHJAbxje97ITfpUvEj+GjknpRjlttZHcMxtnuJi6uQJvzr\nMBh8u4yUVub0NHyBicLS6d23431G68HiFlqbrDfpfrvxgSyhEk/Pm3xF7605\ntnF7e+L7iuDoNdgO+GaWFWIjCYa12od4FbXsZKLhi8SCB06M2Z0NDJEmb53a\nzn1UYCQIjau197faCpy/bBLbfeIkL+gOip7I6chElqXFrUq2XIUK+AFwTYNP\nqZstvJbcw2z7Pf32+FJNSLsDe4HZIPQvQJ/J6GsqP9Lx5dxo+wPIlyqgdJ0V\nM6t8tNykWhnwguKEWzn+jpzGTMmazR5vcwe/8AF1RKHv3OQ0SrnOai/I4ecw\nwwRn\r\n=Sy+F\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDd2P+eVim/H1DswlEjYroEeIVN6R5Ly9yBd9MiMfFplwIge3IgPnN8FOzBRf9cHI8PEa5pto+5EJ96uJOsGDx+E8M="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.1.17_1636253546200_0.7219333856482986"},"_hasShrinkwrap":false},"0.3.0":{"name":"@spearly/nuxt-module","version":"0.3.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.10","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"b42b6d3e29d0c85c0ce8657eec824df868f53a95","_id":"@spearly/nuxt-module@0.3.0","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-Dg+9lcluC5wCqnkrJzw9kFzdjbLjehy7jpGZxhkjy1P24DddjSUWLQvIhHewmr23VVn2cPYEFxpWzdMeD/1KeA==","shasum":"090dd00161482e8da1c50ac08590ac1f7ccb2fa7","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.3.0.tgz","fileCount":43,"unpackedSize":476492,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiMqxqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCIA/8D4y9mKBfzgUPksvEsQhzIFla4VrXh50ze2dhafCD4x68IlRM\r\nOUnUSauv1kcEqwRhCtXGx71Et49nTQN0iGP+stAR0GNWJ+vT0u7im8DKq4u+\r\nfOgE2RiPtQ8yqp/W+DenbQtNNqyb8okK07xo4al1FZX1X8+l7ZQ7StDH2SoT\r\nyTB5Ol4sYr0YmPEGZCprm67znvTS5SAoh1RAwc6Gi6Y8du+sTEFrn8I2FenQ\r\niopIUsNyACYV9YqSiodPoQcFI+d6GuwnN78QRt35XRN/aNc9jd6aqJ8UWeMO\r\na5YffP0McN1E6k1LVZvLk+4UPzNqjWgNUnXGSixoqcPJ28AyO0jar97A3FGz\r\noclqIRXk06BhAilcyuiG944ZxFvW0ORc6XuXFN/sehjPZYHotoYvq5fhvH7K\r\nQ/iC4uPUJyQZdcgHeoRox50MtieblpRkCKbHA9wYWajr0xDN5wDF5W4TbIGq\r\nNXFT13BAnhlSi47XbKbbqBT90CjA3t8iniO8hrR5c7VYTcDCef9HtsBTINfv\r\nEkSqwlJz6TPCm3/Tybz7vuNQH732XACLoIuIt8MQLTcxnemk03MkVtWXZvhg\r\nPVHua44IgAFZ4fj10q4JZptC37/J/RcedVMvch0YuvZw2xWgCceA73Re4tJ3\r\nP66RLBRP5IW+L59uWVmTv+g3bt7bwBe8ilM=\r\n=2Z0+\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBm03BIVFXV85Oo67U3+MQVHpCYDB2b6QInus4g9lyExAiAcDtZ/uGG74q3Y2/L5JTHFieRhIwxl0AwioslvrpGGVA=="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.3.0_1647488106153_0.8896984018652097"},"_hasShrinkwrap":false},"0.3.1":{"name":"@spearly/nuxt-module","version":"0.3.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.1.10","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"ed449989fc520c0cac65b8f624ad708a4ce63aff","_id":"@spearly/nuxt-module@0.3.1","_nodeVersion":"12.22.10","_npmVersion":"6.14.16","dist":{"integrity":"sha512-X/QqghH5jj2P/HtIE8mX8XilB8HvmxotPMw5V2nD4ayZKFn7O9K+z8nFCGi0j6HzqUfUh1diZGPeCJJjj82iIg==","shasum":"212c821bbf6a9cdc0a7fe8bcaf16ac447bcaae1f","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.3.1.tgz","fileCount":43,"unpackedSize":476491,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiM+0cACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqL0A//fjfS/1QnAgqS70EpR7+65zzlGAuV6xWlzDCKRkKLTc2tbMgY\r\nwfJE9AyatWlO4kq3gvCZPiTR9faOrlFfyD8GzaNeEz8dhdeeCLpo++122bpc\r\nmPdzh9spe9H/cLiNDlqtbVHyqz/jUrEZaxMzUjncB9jLyvvO54viHeZYNPMj\r\nyz6VraZHqxYCalwE0vU+PFJFaRmlLJJIv1P+3IwtTO15+IfgtoT9OEpadX3G\r\n6NIG1fhv2rV8QxKSYP2TXZdT+pMkalVE0l3OmIb2Uc28WP8p+1cBOrKulErh\r\nnJ7sWP2JoEBSoE2JZYhxbTMY7AXXiuBMCTMdJqV8JcIwZVIpeSzkFclp2c+N\r\nvY+wVFgFCxvXpwUwiDO/d9W2EhQn1RX3nZLfzajaLYz7KiX6iDvdbkV8uz3c\r\nvaheFccuh1yY30k36FHj50wiEaJUwTWn51tZb3wU7NBi+UtEhqdniYM+0MOZ\r\nuhUiszUEtKEk4L7/x+/vh7PrVhkdqcALmBgP+J7QRsBJ0rhLYabLWGHY+9xq\r\n+GWYCPWg6v1sk52YQE7kYDDs//nveyM8zVTrdkfWPQCIJkBQ2YLlfBnwCCpp\r\nj6tyMs0uO4z8z1i9o5VbIQr8j9t4J2GNYHoJ2dRXc1aPhTw0TIIsDZFpwOKx\r\n6DxaLWRx6VHMsG7TuuMBC+I235QG2B/cMgU=\r\n=wqYN\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDbBPGa+/XSDN6yReF9HEn9A9FgIJOJ6y1drOP5mRvomgIhAJiq1j0fyJv1nbCmYk3hB2sZeb+MXkYS/xjo+F58fcfQ"}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.3.1_1647570203927_0.6783945873194555"},"_hasShrinkwrap":false},"0.4.0":{"name":"@spearly/nuxt-module","version":"0.4.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.2.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"faee63e920ac15c20b40e246947a0b4356d54122","_id":"@spearly/nuxt-module@0.4.0","_nodeVersion":"12.22.11","_npmVersion":"6.14.16","dist":{"integrity":"sha512-HHF4T0GwMVZs/FJ1JKKI35uImbU7axhOPbhsn58c69tnrFD5jxCmbObaHovku3vMrXMiH0FSMO1W1UqM0DeWrg==","shasum":"28232ca1cb7364390c9038bcb42b1e6fac53976e","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.4.0.tgz","fileCount":43,"unpackedSize":477862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCg6mHNUCXvl0G6m2lGPU4FAkOXu2cZP4TtU1AHKccGGQIhAKepGhREGzzQz87YFPIkCgJAI0JMAZJrsX91s8BDWVZ+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS8rDACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo4JQ//a5/UnbSYOlr/iENcSAgGT3pfunyzIpcvUTRqfXBzt4MmMW2I\r\nUt1vkY6iqYvasc7OxTYBzdGsggWYfKesrXrzXk8A8uVhJvvybnpvZ7/Ku1L+\r\nkaASbSH+RtxV3S6wmCXXlo2F0j8E6dTn8Eq59gG20nL15PMzHO/rXI4Qyh7S\r\nIemOde6cYNX9R2j6/OWxto3Hswc4I8RHc03eCc0ksGbWmjZiKY0C/NuvRqLi\r\n6Ir3CKFwFLJadVIYv33XO9/2oOyIKDSoKs5/dpPz9nJE6uZ+R0vW9vsNUqsk\r\n3ZS0RlbxWiIi5V7T70P4MahjUtfQn54LXRH9k5ay6VZNMOWuUnbLG/FA/cra\r\nGk5LzbsW+DqgqjJ0rmF32SHYP2pTMDgy12ZlZ2KQTixHKuEtIp1VUQlybQUz\r\nx63G+3Ja1e9jAOBeWWbLEv5Jt/ob2Tab9QJbGt9OOAA5au/9q0+EaCfmtiQS\r\nqiqXvf7zeiJyIoNIl6A4wqOa6c/mCZrN0WLwX6eM8ibTKaBjBea767bjfsc7\r\nMTmFEQ2y8bwszk/L0Bq4pMdKdTSrN28YnzOdVbgzJYBDZxkkgdUh9mEPO8y2\r\nMapOAi/Un/uUHI9ylfduRd9V5M/3TdQDw6EUjCcFgK2Kg5GI3Qkr7kcHUXOc\r\nD4gIQVEmfkxHJHg98CG9jzysTVB+bnSFghY=\r\n=UBIC\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.4.0_1649134275205_0.8439986230540324"},"_hasShrinkwrap":false},"0.4.1":{"name":"@spearly/nuxt-module","version":"0.4.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.2.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"f1b7ed5d1ea988e46b8fcf608d598393f9192240","_id":"@spearly/nuxt-module@0.4.1","_nodeVersion":"12.22.11","_npmVersion":"6.14.16","dist":{"integrity":"sha512-NcfO+KcafCZ9KKtu+CdTbRxV4x2Zz5vBT4D0G5bGp+VXXBeVApfo3HRvCoMCNHooJ9CLv37yWH0+/Hqxfa/ZUw==","shasum":"c4b798007d68fe8531f2ea1deb22914d58401073","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.4.1.tgz","fileCount":43,"unpackedSize":477895,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCXunPJpS/lt3TP9/ryL7av1mlf6RXICM3la7JMUZ1RNQIgBbzcur2tNZXxysAYf1+et9WEz3vV34j31MbFIp+MlP8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiS95jACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpXsg/+NzXDOfImrzfX7n1nWfunbGH+BZ5HqFi5fQQni8HOb9WLNmdr\r\ndPAxDwOwkvSIQR/PrNpx73hFAEemV5Gn3dJgHrZEZa7KDmipwpvKlwKl2aFF\r\nbUK5E4qz0iRmhoElT7JSzWjhPMHzCATjqMVDuPWJnzH/9rvr2ViHS21cb4Bx\r\nX4hbASW9nuJspX/H6Sk6ADMdiafk8XyT0JvjtLbmFlWxG9Fog0JGP9/gp9d6\r\n0oDIKy+eqQQjOcXd0x8Pk0w4Pw/wOoyZwyC3lJLleWyKHAd47BgjYZYrakI2\r\nsd4UKWzar3QjolvljHr2Tqrd4wYKsrWeQ6Aim+QDkuLKoRRRh7U2vjxMgz46\r\n41P+y+tOHZQaDIFsyhQzJfzy8vyZ8zL3V7Q/B6Qf4rMmry3OeGLjubeh3Wgd\r\n/prz4bsZlIPXxD1lDX4qU0c0J51sS8U0UED9ODygORxKuyn4yVr5gqM0he7S\r\n4PE+f2lOJ03XOxijJqhDNRpEQb3b0mNe/r7QBxuLMfwyETILhhZTG7DORc3Z\r\niIMB9hqu3vAD3UBRxZcMgyLIiYN/WQtAqEgI0VMBBJfCw7CsgqUiggkKhDq6\r\na2DaHpO5ddt9NQy7dlaRC0auy0KfUxfh4Ar8H3l5CKngwajWIn8H5Wy6kmyO\r\nwtQwdc8+yE2kkwJqnrL77/C3BkXVGFlopsY=\r\n=djva\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.4.1_1649139299368_0.22172785213791069"},"_hasShrinkwrap":false},"1.0.0-next.0":{"name":"@spearly/nuxt-module","version":"1.0.0-next.0","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"npm:@nuxt/kit-edge@latest","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.0\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.0\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list :wrapper=\"Wrapper\" :item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script type=\"ts\" setup>\nimport Wrapper from '../components/Wrapper.vue'\nimport ListItem from '../components/ListItem.vue'\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list :loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order_by` ('latest' | 'popular' | string)\n- `filter_by` (string)\n- `filter_value` (string)\n- `filter_ref` (string)\n- `range_to` (string)\n- `range_from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content :loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview_token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview_token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form :loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n","readmeFilename":"README.md","gitHead":"53bdcf2b78dbeefc245c4d3c746162c812266ecd","_id":"@spearly/nuxt-module@1.0.0-next.0","_nodeVersion":"14.17.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-2rwxgEg70j7HwHbYOvo/OkYnSFqRl39dw0bskJhhVAcgGaDXkMKQ1FDvYifD+YOXlutlvlyQs+x6Udxxbk6OGA==","shasum":"a873f967daf226ac000a6ed3ab0114890cbfc09f","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.0.tgz","fileCount":62,"unpackedSize":48026,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCKqDDB7C04wgLb1SyEcmOVTIAavNT7ca1sLAofuL7vPwIhAMuY+Eub7u51sPK1p+e0LQpgnhsBF+pA2abuyKY37zF4"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWOa2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUMw/9Ht136flglOQ7C0BT50xg/2PlouVmmoxJynpRmrKjdaYe1wXJ\r\nN7Rdw79AyD02HuRH8K31O4zMRFVBAV+sL/qbC+g6BfJFjPZKO6AF5qG5deUy\r\n9mS85oahXckDEanElc+m1ZI923/iapXEv28ZI0YWARpsePVCT20O1vD1CdiQ\r\nLxeMYsCr718b9pmlJaB0/+aXrco/xGgXRBiiJkMy5Gi3KTROAeiG+nPv9AQN\r\ngDEEw9VrNtRlT/9eI9oBSekaDWKVAEL+fD+Mr24YsxbBiQ1dLYT1/SZSjjAO\r\nSyU4aRHriKlMq6fFDF5HrQ298ktgOyOSIg0nD0b6umvgybGSgKpt0jjUH5RH\r\nkhYNBfj0z0PMg7ZVbzP3CPawjGQbQiLDJTNqNnGd4ryPGbTXKg+Zt7ouPrZy\r\nagPzw5kuZHriPl3l53tkYGD4FLtABPrPKCPcAFngdPCH3QDaRbRdBchjSmPZ\r\nPAeMB66+SMrPOh2sWpcPZS9ppm5PKy1Jnl7SpgLxxmI5P6XJVlOFuy/u9nZR\r\np2gNMW+JlzPMUKgCLLYCdbodAnzH+r2neoja4fQY7TLd2f0VHLQRHYQeAqKx\r\nwKrlWbiFIheetNoBT/Mje6jTSs3DDGMzz6vB5a30bNF+VcsS3XV/hIIFR+53\r\nwSZMYMi+/eAhSIwZT0oZhaaqoGdnJGkkl5U=\r\n=x2ww\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.0_1649993397878_0.6347534934370522"},"_hasShrinkwrap":false},"1.0.0-next.1":{"name":"@spearly/nuxt-module","version":"1.0.0-next.1","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":"","license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"npm:@nuxt/kit-edge@latest","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.0\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.0\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list :wrapper=\"Wrapper\" :item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script type=\"ts\" setup>\nimport Wrapper from '../components/Wrapper.vue'\nimport ListItem from '../components/ListItem.vue'\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list :loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order_by` ('latest' | 'popular' | string)\n- `filter_by` (string)\n- `filter_value` (string)\n- `filter_ref` (string)\n- `range_to` (string)\n- `range_from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content :loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview_token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview_token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form :loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n","readmeFilename":"README.md","gitHead":"487bd49ea7c6d005071937b2dea4613abd907f66","_id":"@spearly/nuxt-module@1.0.0-next.1","_nodeVersion":"14.17.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-uFyT2jx4zkJ3bRag2WWYDsry26DmkU9lsdD95nol0N+6L9ZHDNn1FNKV+Ntv9uNPo5jDrRtg3XKVDenKZmyzYA==","shasum":"212acc764c48805bef5b75c804cbaa5088de1bc7","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.1.tgz","fileCount":61,"unpackedSize":48002,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCV75oa1PRJqwHw/favvahd/ZI8vrFly0fyTFXQ4Y9RhQIgL53C0LrA41qBaC6qrNKxWVbRw7CGIaY52boRphvQlYQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWOiTACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrSow//agPTVNva1Zc8HfOEq4PeyEaj0sOhvuYqeiIPn/Z+UXdufqO0\r\nj1cKuzSJoDXR82vnGnPzgchMQE0OS6hK/gfLr/JifaL5M88NIpy13phYlu6W\r\nfkDOlpLNIvGmzKugrp3uyO8A7b22PGCWn3zcXBU8r3uSkcrsJwOCFtaSmtts\r\nVvyJWUlJk8pG5Vl3FSUFp/bQEZMOhXSIjiqcwpQao389m4wv9QDfuMV+0g/i\r\nOgb50b1J2tSzfIi/2sLCDYqKpaVfBXPVTheH/r8kzrisi/12SBy7Vjg1vBWj\r\nZhUAxO1MO6k1J8ShKNRwqJcGk3temgczbF0+T2auJO9L1jc9qJ3le6p6F6BH\r\nSFIIYeXOozaAJgmVMwafMkYvSffbY+pAjH5WAH7oUmnUjAK5rTsNkCwp0qyT\r\nxG8GGYbQ+pArG0AULm11gHs2h8FM7OyJAgqbTRnKg9nLwBlQmLdNmAOb4VMu\r\nmLZ1T8i7CyuGZx/MS+KTtJwchRysd3ABFD7E2FzaAYJT6G+MUzaG9aHrJhoH\r\nNBCB+HXcxac+xFqAtvwW6FFsVC2tHEZuv9mVhmNEqkYbnp1zkYGW2PD1c/Oh\r\nrupVPNt5+sB5Wt/08r8IyZGWMzfgSvvbAP/YUFEetC6arubVZRNcYGnzDimU\r\nGABvZPne23uJiqdElR+RDOWYBCybtrhKTQY=\r\n=FwPe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.1_1649993875545_0.24277214066541752"},"_hasShrinkwrap":false},"0.4.2":{"name":"@spearly/nuxt-module","version":"0.4.2","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.2.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"a917f6cd17ccf836c368e0b32e9db1b4605902dd","_id":"@spearly/nuxt-module@0.4.2","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-dG4Zw/tNHtdulrEycWnCEZpra9fnzm8MobjFD0NT/utrNoIp0FAueXE9ga/oA3zYMd2bnDIrumduDMdGw9HllQ==","shasum":"5cdf3de0f239383cf0e7c3d569ae0ac9585bf7b4","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.4.2.tgz","fileCount":43,"unpackedSize":478027,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDcNpO08ZZ2ceAzzx2M4jrg8RkNn7JZUNktIbkHMPR9PQIgYIBAZUqXqVj+JYYb5pRO4KaePpmfMcigPJZIcFYUuu4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYiflACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrWzw/+OCrWRcyqi+/t5m8lit4EhZzB+KX2EOMbdwTZAdOArdoO+zwO\r\nWQDgDG+/gFBpr5f0b4nySSNb0US/Wr5KbNV3sOYfVtjJxJTAgaoHLEF6EGgO\r\n/CHaQpOdv8Vk8Y1W5IGcE9B60RSoYYkXpWFmvAUp1ul8e/FYBb2sl9rJYY4E\r\n1RMBbfZhFe03+1u8WM7p1PCiiHU61c/H4TIzrksJyTgCyMb9hMI5oH+I2v3p\r\n+bQrUA3vE9hpJii6ugrP9tl3u/wQUsei2npQ06hBxN+ONAp1Ovt96aMqjLZk\r\nMUttFSUkiJnIMRg/UhWe76GMhGPKob87HPhWLhTezisF0MGV2BRKZ7z8526X\r\nl3eDLHna7L3+9ppSluM88bFr0ZZseWy416xHWbGmEDDTLraA4BXL3UB3IQaM\r\n2d3xh7DIsBskUPTzZ0QKUTM8Z1kXoEFIETKWF3qLelrQZOBHq48KWRW19gux\r\nFL7N+FDP9/YtXhBwaoLnxKClpMsuiL26S76vvrWA9ocn+typNZZyY/bcss8h\r\nimGTS0aCX1Mpu/GTEhgpoBAmDUV6VJUNBL6TJsak6BsLsfNbDDv8WDJGnP6+\r\nz4VKVn636T9AVULV+5l9o0Tsl/b8o5WT+agAtLy4YlyjaaPhLY2cCJDB0tIu\r\nDz2ChmoV9Hue8cUnSavc/IcnGZ4Z9pOroQU=\r\n=gvmQ\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.4.2_1650599909100_0.8475281397928569"},"_hasShrinkwrap":false},"1.0.0-next.2":{"name":"@spearly/nuxt-module","version":"1.0.0-next.2","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"npm:@nuxt/kit-edge@latest","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.1\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.1\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list :wrapper=\"Wrapper\" :item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script type=\"ts\" setup>\nimport Wrapper from '../components/Wrapper.vue'\nimport ListItem from '../components/ListItem.vue'\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list :loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `filter-by` (string)\n- `filter-value` (string)\n- `filter-ref` (string)\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content :loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form :loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n\n<script lang=\"ts\" setup>\nimport Loading from '../components/Loading.vue'\n</script>\n```\n","readmeFilename":"README.md","gitHead":"2b52ac41d65bb5707262b045c0f08fe1bbba60e0","_id":"@spearly/nuxt-module@1.0.0-next.2","_nodeVersion":"14.17.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-gsf09tHHY+TI0Vw7DyLzcRLmHCl4D50JK8uH4qugEbkSGf77z4umCKV15rRjMhne2Ar7jErXRFKSmyBX//GY7Q==","shasum":"8c749c3ee060acd275a52c02489fb4b73d550be5","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.2.tgz","fileCount":61,"unpackedSize":48147,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEtRowZTuPsjjWyig0wd822H375upxPwG8KG/uhMX66VAiEA45LHqJ8gj1sI8IdcpH8lY39eWYjiF/q375DhDIwFGfk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiYioXACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqhbQ//UBufGCdYzmeARXuQEvTiTz1/S94wpUNz7gUj+gggGnu66reY\r\nrCyqrjC4kLTj7U2+7MP2yT3vDRGf2SKkc6UYGd2/8PnoQt2U3grVz3d1MR/O\r\nwbm4lR9MbOvgaHKR+Pw60j5CyxoO21/rgrup0aCWIeGpHM0iV2W5lpb+FoOX\r\ngsGrHFvV8MJ/TG7kim+9A6d3NjsmlLfc9lPwORsnh9XasMKSM2sLq7siLpE6\r\nCpVtkgGjUL5yvdhRNhF3562eJgXOFVJYbadefabDYwvQYALsjHu39vr1uRiR\r\ngpA4qkqcViw8e+dPJFU/rBoCAZhJZS6kPNfkc6aLJ5tfuK1uVemNRQSonZUe\r\nFXhlPBaPoUSaiw1bZ7Y4yxrvKaUzBhu75bG8nE5NaxYE6TpfVSmhJbTZwK9R\r\nU8g35VHYRJHCaAgorRNPgNDYzndFR3j4xqOBRMgLLQJsQ3RBX5qZ6sFSrD99\r\nxvELEhIeoeId3GE0bX1VU+Ha9McIdrQgRgoo9n3OQRBIcNZWmYQJETk+rYVo\r\nv1BCZXfoyDVCt9rXoOTLMMfp9+EW4Sjnf1jslx7Fm7IesMYryK8GZ3IlgqGX\r\n4wA94wmTp4PhxG0mtVjmhfntUMEsCFsOeuPdA+76VC27GSembKgB5QeLMaeE\r\nKDhOwfySkabpBgZnYP608DMcKnKIF0fVjPA=\r\n=GLSW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.2_1650600470911_0.6637353536158379"},"_hasShrinkwrap":false},"0.4.3":{"name":"@spearly/nuxt-module","version":"0.4.3","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","semver":"^7.3.5","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.2.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"7fe932e7050516d64a9bb96eeac9d746e45af6f7","_id":"@spearly/nuxt-module@0.4.3","_nodeVersion":"12.22.12","_npmVersion":"6.14.16","dist":{"integrity":"sha512-qKXHTkRUZspOsy5PACyq1ibZqSYD/Dd2YaVNwfhZv2AtHixaM7bIvmGfpvI0IWujR6AoMSvC+c4TP4CSDuSEWQ==","shasum":"fe6e97872e580bdf188efb83d7ac987fb2047784","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.4.3.tgz","fileCount":43,"unpackedSize":477811,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIH/2ZSldadbLvCJ9s9OuvGK9zIugU6UGkb1qwEJOoyNCAiAefnY55FvLB4VxTVWFEu8Hxrd7MVm5aTRdzBB8TZxh0w=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZ0trACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrvMg/8CR+63vq+u6H3oV8et9fuHP87qowI7Z1reuDVT8qfwmEXj5bn\r\nPlj4PxVeiHHKrWtCufKq7GrO6TBf0y4SMBVxM2/WMSCCYrWxjc2vAp95zjMe\r\n8kEGF2arpZH+o5NRUgc4wrOO58zberdGG18y4X2RVbzWWWeWhRnlW4jegVQG\r\nrrtnA/j9dlZcO/hgO6uga055SY+2oGis+08x/J6+mECZ7CB/hkSYCHaiUqIB\r\nl91nVne42zKMFg+qeynJD6gs0iV/dLojR2K16OGCagyvb1a0NrgCo6h910mj\r\nHMQH9Y5vPqCEjytOV1kZjkmbFgnbbBRM1DQKSmAsb8HgI2shEhm4FduFbckY\r\n5pnqSmc6TwcRdkSllpRk2YIG8DfSZ6BhU/j+YJIpKdhLL9klioHfTwqJZSAK\r\nn4IDZ24+Mbeuq2RO0P30r/HHODI4DQCD/ts7KKFLfHKYmuPFkkS5M7t26NPC\r\nVmgBWInldJ6qwyxL/9mFeZHJhDto9MjOSOeBfCfDT0i2OKIII7pAOhJkUopB\r\nQGrsnzSiSdN2NHauXMR0M1kTII6h5m/Y5FTxFczGNIIx1UVTc+9eI8PoFwXU\r\nXWDWtgHXRoQQi3AmsB/bXIdK79FqgRU9ajKrW1+RWAa/kdO9mWJwB0xsXMtX\r\nwfv45rCWncW646IjKbd/kfTRDr2pifrabSg=\r\n=xFr4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.4.3_1650936683334_0.7159195072295472"},"_hasShrinkwrap":false},"1.0.0-next.3":{"name":"@spearly/nuxt-module","version":"1.0.0-next.3","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"npm:@nuxt/kit-edge@latest","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `filter-by` (string)\n- `filter-value` (string)\n- `filter-ref` (string)\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"ab996464b0a63934177bb278bd2b4febb0d72216","_id":"@spearly/nuxt-module@1.0.0-next.3","_nodeVersion":"14.17.0","_npmVersion":"8.6.0","dist":{"integrity":"sha512-RQM11mUQpvTjwrwR9zGk115ZZNdBMBB9AkEBUtlQxJkdC/XIGRqfpvi3iBDyBy4fOdWpN5eBjz+EpSPJ1GVevw==","shasum":"ead2faf33d9c043b5b36dd306000669fa51f085a","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.3.tgz","fileCount":61,"unpackedSize":47756,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDvQiektpVWxIDBDQd7oaYsooTL1H5GTpCbzp1wzF0RTgIgI/jS+S+dFRIqkE9IdJbPg3Y/WzlDObdd0PQlgA758NA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiZ1IEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrd2hAAnN4k1yUZD85DjdkCfqy55sRMgg5gyZ7PrYKtVWaiwBK2kKXy\r\ntGvw6s4SwxkG1WdOyraJQMJmiQBRlXIrTDdsFF1PiH3XFPAwyAVH1+RuoS3K\r\n9EV1+SrCp5QqoMaEUvDX+xwoy+ydTSoGJRf2NuZN1ulJMZ7TX6vIzFdpbYqF\r\neCAUuG4JQD3NuBDyL9LjAw8sGo0tAHtghxVXpIvguIbha8MmFTVDRacUzlFS\r\nK+2625RfCliCyxFwC2jyhp2ZcPpojTa7HPf1FttH4cxa9CNgucX1W50sfYQF\r\nLkZLZ1Wvu0YEx0YhdLqK9Cy73BVw1vsr8x72wjGJiNiuQ7+sSQQUMOCd2WnK\r\nscCzpbYM/q6H04epJ35+M6XWTTDd9sf8CpCqlQsj8GdT7AVoibWmDP4wtyYS\r\nbBtfV+aQwI1nhYmawn8mEsDQHGuD6Z+gDT6eg4xVgYNA/2T0JjRZ5BDruCfh\r\nkNj96rp6pA6qTuojijBGeRIApKE2jnmu05+M6s920tc+kM/SMhK3lpxXjnlr\r\nyTHRY0+K3ERPnYh4UToRGOEpHOQNmbz15zNoCmbRON9/ADR31xvNZCdXR7Ql\r\nk0VsErxeVTq1FH8+gQOMAyb+LgJw988g+Gu87GGRTibcjYudAliGsbZyzcUF\r\nilwUpnuKHbwH2iAQAe565uQaIYBDdnsAV/o=\r\n=39li\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.3_1650938372311_0.5732602197105265"},"_hasShrinkwrap":false},"0.4.5":{"name":"@spearly/nuxt-module","version":"0.4.5","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.2.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"f0e4b9c361d23e9106b58c41ee5a8ab2465f42e5","_id":"@spearly/nuxt-module@0.4.5","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-TBHZb47Gzwd5ajfPm9ciFu8tUhhQnr9Uu7r7ZUV0j1VhF02Pue02FMI0ikrteYsMdyw0Uc2p3PSMeWeE8ZtLsQ==","shasum":"26e438580c9ba323a6cad3c668c7d9566d2e02a9","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.4.5.tgz","fileCount":43,"unpackedSize":477763,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGOYMNg2QPKayWTOTE6rdbfzaDs6rlVC5SAe1jMh1Di8AiEAnEKG9KGScKjD7ZtyQ7TP2wusbMnrMZ9MHyAPxjrOvNM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi2l6eACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpECA//XoUWWiB7YRmLZ3St/5C9O/TTTaGvSBQJDqJnpWzVxeQFDlPp\r\nF0chaurnZ4ag+uNOoP62Q3pgo6qw5EU+LaxWC7XAbgjtBbN9+99PaIgTAnd2\r\niXsAfIL53OwMluUdJmlLnguioKn5TkU3YYkbByIC4OUl3D6YKVbx48p4lor/\r\n62/TPzDM6UER5DMgqkAU/ilt+ZqrlNPLO9Lmc4p9IRUuOR2vBYylKSEKi1DV\r\nUGeXugUF6bdqsBRQCTJgkpusfTdzP2x6leBkbifDYhzg8IdllYLP3E6zg4RY\r\nUcdAFAFhNJXqBmO8Q27VdYRYWiaWjpzOZqlAZCjiG5IGkGghC/hCEfqmqiSL\r\n7Phffj5yVTfzO78PfCZxj4pj1fRzUe41N7J4blW3M40XW97h3etaQwU+fVo5\r\nb7eKNujTl8VlHD2TsUjsfKh859O8A0DjGvgf45mxO1xgSTLvU/Nl1taslqYf\r\nFEasd/1e8Tw+JMqsqvAWr3OmzGgSgDUKx8NRwtZtm7iBfvokhGZ+D2O/dZuN\r\nStMX5k4faJhX4mP9qF2y3vVklBwXoc8QnubeBQNVkGul2Ql9A85dXBV1R0eV\r\nh2e98fOs7DNAgX37VLgNeoJwvh3o7r4GciGAis13gTXiG4tz6TRaTpc1x8Wv\r\nqpDHcE2J1WDnM72NxgJdfgeoC9bTaYV5jos=\r\n=Yy6k\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.4.5_1658478238019_0.9145625910577528"},"_hasShrinkwrap":false},"0.5.0":{"name":"@spearly/nuxt-module","version":"0.5.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.3.1","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"99947f07dfefdd36f780376bd8d5039aa3c651cd","_id":"@spearly/nuxt-module@0.5.0","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-sEm8fJg2HioFEZEMMo2bdGzOCTBmZSzSeRaGWTUiTICQo96eIuzQ+JPI7QbnFizCD9OdHiUjDNuPpMzgcnIdmQ==","shasum":"ad65bac77232c895b8e1c3fdfd8cf67ee2760c7b","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.5.0.tgz","fileCount":43,"unpackedSize":515326,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICvuzpX+RpkJxSPTRE1GoiZxeB+zGZ8b2e0PXCpwcbFVAiBvVY74AwWgxVBNSho4AfIQnldjmtJubCb2MQkPDVF7AA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7NEzACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoZtw/+OOhCam+QMtr+q4FyKoWg/5aBu7UBQnLnfbY3T3nYYa86p2yY\r\n7MvyfEfhbSgNLaBHvKMMYstMbO25TzEeIflfBbJiGaB9nQYreiP4tTdO1/nM\r\nhnvB+CSJcF/s8xpOS0bNATk2FOPt3RmCeuBu9+6er/7XUQbrqkc05anhPy6E\r\nkEOhIqRhFUYgTM82/IRQ+AH7wsOIXy1Rb3o+uMIuhX9nXca8QiR37SvH+Mpr\r\nwcHlk/w5cX7kkjIWM8351sqQlerVjP8HcEp9SB9rvphZvO82E7GyCpgxMP+w\r\nbfcvbltarxWapQ5FaffWMtXG+OutIdM8EsIha5O2c5VsrEHYzoes7k7MZ80q\r\npjnRSZ0gXSeO2IgXX48PmzzI7xlj1x8RQt524p+4DAJnPjAnVCg0AUBI3fOI\r\nEngRJ4DGyM9hTocPmT3QL0mOe1Vet6UQsUcUW/5hJthqOxryLxEhFiuLYowu\r\nknO4LBua5JPKVlAH6DsOxN0t8I/yHBQxsbA2BlKHPgyN/K8P8Ol8F2WB1bcV\r\nsRInpIlqw65PzSyfFkzDzJoFB/QEXv9gsNaD1FggRp3DROmSyLMoZ5M25SXk\r\nvYap6WZAiRYp9Gm+iF0juc4r3W4y9sBzuRy73xEZvEXtXtvyiXPWUZgGr7KI\r\nIcaL/L0c/nbjDD0B9arDw6xR4ZUVJualh+o=\r\n=+M40\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.5.0_1659687218987_0.3129901738543217"},"_hasShrinkwrap":false},"1.0.0-next.4":{"name":"@spearly/nuxt-module","version":"1.0.0-next.4","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `filter-by` (string)\n- `filter-value` (string)\n- `filter-ref` (string)\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"388be050582f41d66c0a1666bcd9add428c22e7d","_id":"@spearly/nuxt-module@1.0.0-next.4","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-MZHi9xE+HDUZJhCHfw8Fsq4L/TxWAQhENUVxXLg844Jv+ou9kfbu66cwtriAZHxlrPtKPHe8OGi5m/un2m71rA==","shasum":"33de55c27a01de7cc859dba0c2c5ec5b6ac09564","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.4.tgz","fileCount":63,"unpackedSize":50253,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEpJ3beRZnl2TOXA4dT4kRXN8k97nKyy3+ybAzwi6mcsAiAJZ+XxFCpccak/QN0xOjl9FWP/xQxiMSXWy4oZSoyaZA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8ImIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrumw//aY0f6RppU8Q4yOf++EHZZAET7wF3nSOe/m920TDkgapEL7C7\r\n91Xl2JLzQVhTmb/ncyS9ratjjvcXiBVjC445NGa5j9QmgaVnftSewwzfnN8w\r\n0G5z/m3YyZ6tpVPg/O3thXvX/l99PFgncwX6ZJEyU4FN/jhZG7ZwhIbF74C2\r\nnxmFMvPC9woWfA9sIWe4/sQJ+jZYwFt4mSryIYXMsIkrzySAdJBkhYCgs/Dm\r\na+P+tFy2c4bqJzEETa5nDEGGqkfpM6MrTl8ZiyGPTQAAcnqG039K4pPI/uIp\r\nsSV9VUfNUIIHmG12y8f+WoH7yISDK/5aXWlTg7GY3kgJWOYDVZTRbNI8o43l\r\ngTmjfZER/qQ6j2IRbFF6B4/mqqTrOwClmiKsfzOPyR0uNFJn1kYegzPhKikx\r\nv3uzi5IQnJlNFoN6kvInRZjke7jqKF3MD55MvtxWSMXnmjEJPriaki6OuEtf\r\nMu1fCCyQfJpqS+qEVQApCEg974n8Zm+Q/TcjtpvcNsgFPOa4Yw0/6gPZCoIb\r\ncFKav/ZIKD4IW1+wRLbxvhgqx9J4NHeqgGcSsvcwLrStekU90JoxvbmCHhOU\r\nhRwTQX+WWJzEDyvKDDXNpBcJbq6Duo6WV/5o48b5fCe0JFHkjfK5yqF/yhyt\r\ngArdpCo8zPBR6Y/i3lLyGhDZPiVVQ5LE3xI=\r\n=uyho\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.4_1659931016625_0.16710981969670757"},"_hasShrinkwrap":false},"0.6.0":{"name":"@spearly/nuxt-module","version":"0.6.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.4.1","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"7a6bf1abb881edba1640ebe004cc362099799f4e","_id":"@spearly/nuxt-module@0.6.0","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-NBZ+MBZ/Fajr5KK1WVjUlas9pMKMesYDFJZFXigjpFEcHYKQ+J95LZhZrNjn66LJP8L3sLIjx8JKLHlBM8KrRQ==","shasum":"ad7c1bb765c0304d0def354dcf92c93828d4747b","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.6.0.tgz","fileCount":43,"unpackedSize":526621,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDPQrcsVluqazqomHB7A/69HrUYTtOIy6nX9/tysZaFxwIhAOhd7FNyN5lqiAn7zy9tetOeWA3HifOu64A/dRN9NNxw"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8MUKACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqp+A/8DyzDVs+XDHYXTFxxl9+tcXaNVw4C/8GlJ161Z/RR+u12nioU\r\nKCPCPhY8iACur4FHOWydtbpNIHUnGJlO2sO/92URY3nX2YZ03vHvO/4IqoAn\r\nvFXuexrAiKbbn11uo9coWujiq7bJ7rp+fw7cFMMlRGHvLpOSx/nsD3X1sBM1\r\nQVLDvD9b3KVGRrZHVzuhfbeRxXceykdXtgmCMA79Gzz2dmPTJz3HMIfv0Jep\r\n4BikjwRwibouy5l8w+A7AubaCv98yn73h423NyCBX2689jMhws1A+X/pl8xk\r\nZjyBusL5nSSog6WRhT03f/mkJ6IwuyoqSFT+Sh5CadBS0U+ezv/eUdXjt1CI\r\nR4ao34izaVUlrBQdCLfLaYgWfEl57uXvJatWQEAu92by4QP17jqXNde22QnH\r\nWyqV32CxRPwbw+8PLJC9aD44Qpa6JfflSIarz3DmL5FVfbk62yWkgjNry3IC\r\nNVE9a+NLVwO7A/GHn30P4Jy4myXbkJUNMVQ8PRjISM1s1bYOvv7NEg4qMqir\r\nCeosmjT7fAEFceJSjmCGA4AvySWewRS3oozYJuk/KAQTU1FbKITjIdAcwlmf\r\nO0cklShIjkfLBUjPBQMLYJNVZHG3YoAxIoRDegbjY9CL9d2bVXz8oVGP1BJP\r\njjrn3avmSXhIuhPT+kxOHO/o+Y4IEQ4Rh7g=\r\n=fW5j\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.6.0_1659946249918_0.8921655281620919"},"_hasShrinkwrap":false},"1.0.0-next.5":{"name":"@spearly/nuxt-module","version":"1.0.0-next.5","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `filter-by` (string)\n- `filter-value` (string)\n- `filter-ref` (string)\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"76987fa986ad6d81f74233a091ce10c49b63a45d","_id":"@spearly/nuxt-module@1.0.0-next.5","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-tZJrZ7oZM86GSTOEsfsjnTS9QDeEkitWfrVvfl2uDGR7grdZKyOR3zcTBrceOn2+25UQei4h4Rh5qyU6H9K3nw==","shasum":"0b4f5cd2e9af11c0ba3d9e553946bc09c1df1cfb","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.5.tgz","fileCount":63,"unpackedSize":51591,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBPMHZJ6Q9RyPEAF2+7Rx2nLb/L+DZMAfdANBbHrN6nHAiAhV6J38liiWHhgD074Zb1kO+WIk06n2jRFVysE2itDmw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8al3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpOUg/8CnJxbBSmvnbM065AVc+YaVeMspbWpr18FNz64nQVEwpDjcHE\r\nLQjdPIMsXLdepOlGC2XJ6fTo+F0fKv/elo6/t8hWltqEXjO8V6nCrlF1Bkdt\r\nRoohbw/g7nLCJ8kSwlBLFq9IeqsKU9yjk3hka3PvUOvQZ5brY1MGEne2vEbc\r\nLJum5TASXUxjk3+3INox3gwFgC3Ciovl64nQM+AOSt1fzbbzUy32gZQYrkPt\r\nzRUNi6zdCIZ72yHEg2PCp+9I8vgToE6QIh6FjpChGU0kpYP0k/81IsnCgE6z\r\nC4A5PEUL09edwBiPL+BSA4tNcRT3J+rD3KyoGrS+iNBAcc5ixei5ftlT0879\r\nryHL9qdu9FCBouOEs2Ao+zxycNqkj1W3dkNmCWNFJV5JjI7uTAQjReK1Ps2y\r\nHIEmhWI4vcjtXx71ghgPJp/z1nCzVTAYguV+r7YLHm8I0LPWbuQ4MKPKTlgG\r\nttL3kSfNJvQ+8UgXT7zXQrgmP6jdqF7tAeNNDK4r8BGa2ibKHwnhJhuhUziH\r\n2Qc8z0/hOOIC5Fg1YIGWhPbXP5hiQa+HvZNDbcjr4nSuGcLbLej5QyErI0vW\r\nVRXM9c+R5P8CRJVgi0iBaHSDMXnahfW8uzrWkY+NFlP1ZOrVEX6QGvTwyc39\r\nzfxz4/5U0O0yXcR1wN/r5vKlTETdACGpMeA=\r\n=ifSy\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.5_1660004727395_0.43915457388293855"},"_hasShrinkwrap":false},"1.0.0-next.6":{"name":"@spearly/nuxt-module","version":"1.0.0-next.6","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","commander":"^8.1.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: ['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"f27d5870c8b6dc861cad1f428bc7c61447445cd4","_id":"@spearly/nuxt-module@1.0.0-next.6","_nodeVersion":"14.17.0","_npmVersion":"6.14.13","dist":{"integrity":"sha512-oFFobcrTklj6y2XPBM+sSGcpBSR+8KKnNlaSAH7zYG46RtABQGDC3wZzPU9/TJwoemggMh0sv7msLIOGzl9Zcg==","shasum":"fd1b9a69c594ebb020afe13007c487dc0fb5de2c","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.6.tgz","fileCount":63,"unpackedSize":53225,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAhG3W150AFv9FQ300BCUETFnZsrNjyfp01zC4b9HVohAiAabgkao51u9vzgnMrIAs85EBUyYlzfSdcevuZUbkuETw=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI8qJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo11w//YN+cUeTSgwUfWzx1nfO3C5jRDO3KVXy+Peirqj1P1vS5G7QS\r\nD6serCcY5ii67+4WvfRNhLJ2F+1+Qxj34KmJ+gXEhj1qKOGL3dgifK5SQhEh\r\nGNE02plnPbzNg0E+IVTWE+v1j1y+wVwcUOv6wiXhqea3Iq/rvON23xiK4GC7\r\nfOi/LjBX4KwQh34avMN3r/VWdIQdfxoZvN8esTnTI2CSnJlk0PYz9DzLaw6K\r\nbtjbtK/8qt/g4VV59i/AHJuinzNTYGlvLRcx9JXR1i1yMHAttdmhVnhlJ65f\r\ntRaiA5c7NIUnaQFjir085kpmjuld4ZgY/zJh4wwLFk325VS1sF/IbAnr3qoL\r\nsRKQs4oFL2bJzVXU7W9fOK3qqr4FHj0qwHiCh5Zp2cWdXKgsiBISPsQ6ylkU\r\nd9FVsGq992WXHuX7IxVQS9/SsAsJgrwsPGF3hOMyPZu0tWz9/G3sBp2mcGsO\r\nuTZSv8zp8NV/hUtv+jWP2WcQinZtJyk1ICVxNnJrkoqmgOUDkWznQYTzHoQ8\r\nqmNUkA9d3Ggj3Q6FyR/UvGKB+tWqXSZR/E8ju9e4j7Tz3Jw/hfo0mf+lNCQv\r\niK0uQObPhM8HomdBQp3iYDM2AjPsPpFQ8eD6RmzvsURig5hm/5gYyT6Yc6GT\r\ndRyfmw48W4KgpL4DpuWE21VTlrex5VnFX+8=\r\n=R8xW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.6_1663289993663_0.6527630413065575"},"_hasShrinkwrap":false},"0.7.0":{"name":"@spearly/nuxt-module","version":"0.7.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.5.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"0d6ff08e709f65ac2014824610980c8c660f2fa4","_id":"@spearly/nuxt-module@0.7.0","_nodeVersion":"14.20.0","_npmVersion":"6.14.17","dist":{"integrity":"sha512-HyXAjB/hbDR/kgWh3IFcjmJKp+cvWJ5GKkZJ5K9GjcOGLzvivYm3Wg9oAkRqUMHVksG9iiHIP1FCd2uOB05AHQ==","shasum":"46f840db564c27b96566622049b15fc68a1ff9c0","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.7.0.tgz","fileCount":43,"unpackedSize":528686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDcFQQlRPC1YEavdVSxTYoi8jzqn3USEKUZwSm1501PtAIhAIbmZmKj6+PzCwzxJGPD04W8IG+vbSpD+qUh/6QGrb7D"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjI9yqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrA2w//bPUVFC+A5dysInDMRwhSMtMRs+xLPH0MvnW5kTu2Zt2GKAuj\r\nLgE7hUYZGTw9ObJjq5J/VqGvaXxE4J0VmQypU+vo/eixePF4Rf0aU3oCSJOH\r\nelS2IVwdruNa9XsvkwvDAu98gITiawjdnU3LEhDMFo+hCy3AK2i37caB49xn\r\n278KvjpeVLecp0URF2+71IanB0KEUCLRexb7a1N7tj0gkfr4At0tqZLPTRBN\r\nqYt2TWpX7WDSUbyFdMFiBEVqxMzuK93wz8TEvI7Pz0vix3UY1Q1Kt8P63mYX\r\nnjqn/XgDttApwXVH6HISmsvg5mIcRB2LM6iXoM62go/O4bpRtncZXizECFzJ\r\nSfIZF+nGEQioSVLi4KSjs1MAU+gyWONw1b7A2Y31pme5+Xh3yswh9eFFRx/a\r\n7sxjVeIdSTcJUQRPoxwNe+xvGyZmGJ6HL1mneIuK9ZoVy2zQBlztm9lL7nDy\r\nrffC0BAEbCED5Ne/4te7LIjq9uvvmnQNnygU/zVd6W0v/N3u7W3Z6Dgc7sSn\r\nDELEKanJjaqENAgbsBsrohXJpnKuRIHToZwOxsX8xX5Ho4pIitiHG6p6OEaN\r\nvqXdAITsaseEuT2oWW9sxuj4HzfOS7GBgh1A5nKU/TG/7tab16Gtx3AqH0q6\r\n4+EPewrRufDd0zt/AEo51m+0U+z7VKN9D38=\r\n=EEe+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.7.0_1663294633887_0.13370235250232088"},"_hasShrinkwrap":false},"1.0.0-next.7":{"name":"@spearly/nuxt-module","version":"1.0.0-next.7","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"b248ff91d4baf35dcac1aa964f608576611f147d","_id":"@spearly/nuxt-module@1.0.0-next.7","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-8hltEHmPF352Vk7nJegLWvHrmG9w0IiF+j1mt8M1Y0fWA2WXOoxiDSNqdYB/oohZTCJlnbT69wXenKYznF342Q==","shasum":"c603f8779f1df4e9a482f8fd36febd11dc3e3e18","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.7.tgz","fileCount":63,"unpackedSize":53344,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+0bPoIhUE9dXspX1LiCowYCm+UyZ/PLsz3tKU4X0DxAIgKxxsrRP5+xy65MTIyguf5SFM28/EpQAJqubIE1QyTXM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGqmHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqy3A//X3popmsgqtddNIipEIwnji9yoq4q4rkUc1uTt6qsDcyTonNS\r\n8j6rLu/o2Hh4mRzBqyQo/mAlTjht+KuI0IMyXPCUW8jak35v2Z+gY3PK8AKe\r\nfabZ8RexL59CQrxy6W6a/V+S6PkNm/80xnpfS/g2mHGxh1ZctYgqjG4JIrR2\r\n1ZOBzNG9cu82tKdZHPqaTX8nWD7nZhy1OptJQ2AiEv5QTXU9XzIdmzuo/fzE\r\nFJc7As3F7WMOcL7DDUnsFVSHqTLipeIeScETZENev9kaWmFrfi6gYcvqYDdo\r\nmoUis7WVMrHVleO8rF/ctxQU7sFP6X09HZusvzwH3oQtXva8v8hGhncrFFGc\r\nUDDoQmlAMTAsh/07S1h64IdhtglBGA082t0eTJX1PO9WVUv0u7LHkktq7r37\r\nOU1YSda2IxxjANKUfIog2AufrvvAwuKZmOI+/NlSTizh04ma4u7a/Q84C316\r\nKFFCEqwX1VhLWSNPy+a0xx+jU4DWXs/1Skwr0if7aarUWtFNA5hb3mut396j\r\nRk/wZeF99iBV4ImEb0By1VRbpWKvT/W+9l6T3lXzdWwlcLsGRaSLEgTJz1Qt\r\nBuPg6iZzQ6egm+Aoq7SaidCdupiw/Ux1lHWqPKN0qSMEad0IN7wcDvtlTbMd\r\nkIdOGHIlHFRjyCi+5PPcb5c8XijwIDt6MPo=\r\n=mrof\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.7_1679468935271_0.6792215532566781"},"_hasShrinkwrap":false},"0.7.1":{"name":"@spearly/nuxt-module","version":"0.7.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^0.5.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"0d69cd3128479c403a42ef67279a741b563e7806","_id":"@spearly/nuxt-module@0.7.1","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-eX/C79D2BaF/ndHh8Uc+64giv0AXQH41K7Te8knL/V569/jpe4QNsg9rXRT+Vivt0xLmMXSllYWRZ6dT+yum2Q==","shasum":"ffff31b61767a4ae9880fb4d7e1dae9e975aa0a1","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.7.1.tgz","fileCount":43,"unpackedSize":528686,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIB2IYQl0/u7BeKL2pTuEP1A5PreZ7yKFoYSt5sqqhfSBAiBzLlUzcv5y5y1liJL2uBAO7hPMv/raZbt0J/818uBNnQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkGrTyACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYkg/+KITjooxpVdqUnEkka0VLWYYRcqv2UwrN4zzySXCU6XpNiSlM\r\nDah/EZY2VnEkkWhHbKTKVxPgzCkmGGiqJZIMJiE+rXnAYZBllJo/7kqRJ+5w\r\nJnp3f5WAlAv7Da5IR1ZDu71tBRwe1t3/1po+29nsMwXo5N9X+THz2NGlINuv\r\ngiNOZ0SSVcSejq6ZFcIpHAY5Lo7Lsy0tiNRWbJzgl0ADHxDGbwBRjLY7YaX2\r\njGwjICr72Qs6YFM8cEoWh14hkqB3BPcrFC7KPQN3fB5AKucMc7UilrFf7PD/\r\ns+6+aqHT6dbrpEY/qSF7iFXm29Iix9qOg2fGmsmI3nEWicQTvxBXAPT9vebS\r\novsC7Jt7Ml2rWMvIe9lDFd2s2kaNFF+bQva9RNLWF16Fp62ojpttK/v1Dwm+\r\nskFw8adcw1nCy8AF7rmKb36INjFCzrzBBPDfrFibOaZLQ76DB9d12jXL1zKY\r\nLTzA6J5fVoVZFq71djOruXaq1FdFX0hY/mmVrUJgNejpuQ4Owh1CvL5xxL3G\r\nMHd7FZIaJj4ZhM5Dl1n3iEy5LjVstEeq9g7SNuX0GiTD9AhTGC+1/lMq9+Kz\r\n+U5qG3bmOD+Xh8wsalCMDbTpmAITOxk/XGiL3n1OrsA8f3L8O9ANnzouz7od\r\nR+hCg8VvrOyazf1OK2VwBfynPjw5qtwnb0Y=\r\n=s9oH\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.7.1_1679471858443_0.7206005146444252"},"_hasShrinkwrap":false},"0.8.1":{"name":"@spearly/nuxt-module","version":"0.8.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^1.1.1","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"d92bfc7e35ae66b5d79be420514f493f096c11f5","_id":"@spearly/nuxt-module@0.8.1","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-0e6+x2yjHFAVL8kT4AIoSvtbhDr1cYbXe+uQo6BXhZBlLabg1vlNC+ykoxah2NDR0eT6hAAwTbmoUAxzxGR3mw==","shasum":"3e6381fd58da50715bde7821b354a80d4703a2a0","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.8.1.tgz","fileCount":39,"unpackedSize":165658,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCbvjQ3taeeLsKif6XlNvH6nvpA9dp9a2T5kQ3q5WOUQgIgX/wn64pYu0UZa37gdp5IK3iq9GGZ4p/hxc0hULkilP8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkG/x5ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmomaw//VLLsqY6j3ddMLvjZK7iYMmLZJv9sXEG2LRFgbyElLSy8k3Ha\r\nCgraBZaKl1y62rn7veX6S0nHK1aXv2h099xPFrpTHnTcX5KnxeHYhtBCYByA\r\n/KBfjxmhu+BYzdxpi32tntdSUw2/7RbVZDde3HzsB8f7/z8t7VG4VSULBqrJ\r\nf1xzw3awsPiJTT34IuTMcMm0vjWF+OxBcU9F1QADy3bdlcq39Zaz67arsGhG\r\nsTSLk3oQVRPBkNh8axZ46HnXpEenFmjps3K024S0G75WjD7XN55qGvGGOKND\r\nVBhB8m6uUPQ95yqH6+VBICkN3ifBjAW6WmGyYoYcY+Isu7UfIjgrziAV1kZ7\r\n9mz4XGo2h2yzXsTbFTb2BBqII75dQKqc5c8fAItrcXwm7AJVBrVq3lv8Bkvp\r\nZGKvKhPHdN3lGdsngs2IP928oYcZwd3XlVoKrQwwAQ4UBVCtWIU1RI0eZec/\r\nAqF7k2W/1xTZDZPQePCzTQ6S5Etaoex9zzVYxwH3DVxwIkSlT8pKFuiFB0e7\r\nOcv+Bhh9Ao3MZ7FdPuVGUYAWmOfTQb66Pdv3f17FI3JT4I0Q5i8BV2WKLg7N\r\nBClBUTBTLa0Pn6ZQ3oT1EslCfV4MwEav241I8usTxvD1SpS2JjVPfw82SK8u\r\n/uL4lTInGDvy9XCIV/qPb4JBjtGLUZDBy+E=\r\n=NPiM\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.8.1_1679555705301_0.043972072314766075"},"_hasShrinkwrap":false},"1.0.0-next.8":{"name":"@spearly/nuxt-module","version":"1.0.0-next.8","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n","readmeFilename":"README.md","gitHead":"52e7a6950794bb16fe219a7749f77993ad8d2471","_id":"@spearly/nuxt-module@1.0.0-next.8","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-m8Lf5U43rz2He9K4ZfLTG++51kB8Vo8np2zOPolS8YoZUZT/oEilW2Itoa3KdQ48ZTYw5ZcZWZu6/8HM4vMkZw==","shasum":"8b7b7e0b35b9b2b92b6e7e59b42e68885133ece4","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.8.tgz","fileCount":63,"unpackedSize":55635,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZ8tAuuaqn5WUEbQ19p3Z9JCw5TxTweWilu2GYB6J2AAIhAJruvhyuefERMNl0QLZQrN+kpd1vFvOXnrl8s6JcB9b3"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkHQLZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq3Wg/+JvhFqpxjYDoM3KZgt7SzHesoEl3/5ax56aTKDQS1AVgOaGsZ\r\n4shIa8Ytz8sWf/gcMKvIySlDH0B4S0ikO1M+pZcp86Jq3V7BtLGH1dmwdjFA\r\ntiJem+6rzlq9dJ54k1UMzWPKZZNZSebqBrvy3pEY7hyNPuAD6m14II5ZeqcU\r\nB6zLVP/XTtWtM6ko68hO7Pul5q8a1ETx7ceElxFykGkG8Cxaqlc8mdHMYYps\r\n235JmXmUsN1wuemwjYyreNMQlZfe8K8Sq1XlmZZtUam/Js25bRTmqLtQmp3+\r\nQ1HDGdJGN8rhuyIkPL8vHLqusAAtBny2fdtbP4wxy+oYNfG2ecfYAu3E/dtG\r\njO1Kc4eM71FdS+IOMfteBUqUuSjC8wAPOD/OUdbcz7jy/F7v4sHfyF4k/BJx\r\nhJW+IdLb1PE7Pde43G8rKSDrgbYBWuYQDP8yIqU8+8/ivX4sXQWfpVTfhEbq\r\nWqOHz0g0DBhrorJ4ltfn0fwX0giRIoKhnAbYhChZzEMw75RlNI8aE22HlJQg\r\n9y7XEUToQtmgUAO11Fh0D7R3Jz+jfrgDr7TGGYfB9eRVYrl1YPYeEmIsNSke\r\nbutkBa+05pb4QukVDh8othb9Wawo1FYA626dSv9TcQFFaFHx49+P++hrDaOg\r\nZR1w8AaiZU38/3dTsz/2o5raHh7xpiuYm6g=\r\n=aO2y\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.8_1679622873181_0.5793796876557047"},"_hasShrinkwrap":false},"0.8.2":{"name":"@spearly/nuxt-module","version":"0.8.2","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^1.1.1","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"12dcd77c84f0b65698c576624b257c006bf59345","_id":"@spearly/nuxt-module@0.8.2","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-1kPOA6bU3BQ1I9v1YV0yv2BfyFs+bTuQi7ZmJWTECnPt29bKO6EI5IbCijxgXuv7p9bwzDyDfzZOsMFdNBI6iw==","shasum":"795412dee770aab780c60b19d352404867561f25","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.8.2.tgz","fileCount":39,"unpackedSize":165658,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCGfuMUozv9fR5OClLbCmnIfHll7la6fX0KnMIFmeCLAgIgfLAXboQpSnSOfWqmRy8TkrZoNxemvH3fsMT7zL+o8wg="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.8.2_1684982216573_0.9583687337610824"},"_hasShrinkwrap":false},"0.9.0":{"name":"@spearly/nuxt-module","version":"0.9.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^1.3.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"c9cd2ffc984209ee5a86cf80f2012deb32f2fc95","_id":"@spearly/nuxt-module@0.9.0","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-VKpCDfOG+HU8giBmxeniQKwfwGs29XhC2tiurawBaBwdRXy43tVvkKlFEKGNWo1nhi2vpc1/dhYK5jdoUs9GdA==","shasum":"6018ec753f881aacd1530d7df2a407ee4391c477","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.9.0.tgz","fileCount":39,"unpackedSize":169477,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA56dS8fWw3n90fUnMhrkUEb+FbQcV88dNk595DzKtPUAiEAlA7hIIjRd5uGuPNi63TNolqDCPM0roQ0wNycNh11UBc="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.9.0_1689738433770_0.2599607455047461"},"_hasShrinkwrap":false},"1.0.0-next.9":{"name":"@spearly/nuxt-module","version":"1.0.0-next.9","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@types/js-cookie":"^3.0.3","@types/uuid":"^9.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2","js-cookie":"^3.0.5","uuid":"^9.0.0"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `session-id` (string)\n- `pattern-name` ('a' | 'b')\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### Advanced props\n\n- `pattern-name` ('a' | 'b')\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n\n### Provide data\n\nThe following two data are provide.\n\n- `$spearly` : API Client for get content list, form submission, etc.\n- `$spearlyAnalytics` : Used to send pageView (impressions) and conversions required for A/B Testing\n\n### A/B Testing analytics\n\n> **Warning**  \n> A/B Testing does not support SSR and SSG, Only SPA can use this feature.  \n> We are working on it now, so please wait for a while.\n\n#### Impression\n\nIf you are using the SpearlyContent component, you do not need to do anything special. The component will send the impression for you.\n\nIf you wish to send your own, you can do so with the following code:\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nawait $spearlyAnalytics.pageView({\n  contentId: CONTENT_ID,\n  patternName: 'a' or 'b',\n})\n```\n\n#### Conversion\n\nIf you are using A/B testing, you can count conversions by using the conversion method as follows\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nconst handleSubmit = async () => {\n  await $spearlyAnalytics.conversion({\n    contentId: CONTENT_ID,\n    patternName: 'a' or 'b',\n  })\n}\n```\n","readmeFilename":"README.md","gitHead":"f3e295677096a9b5823b7e48b25e8377a37efdb2","_id":"@spearly/nuxt-module@1.0.0-next.9","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-/IVWRHw3k+hRpzCLGYxukTfFt+U45oUOysOOazcZEXIwHlWCMJ2/UdAxiiqAdVGtU1z/+SyeFGjNYpIVGic/Uw==","shasum":"b1c8be404246d6fb582a0729161a546a0f690511","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.9.tgz","fileCount":73,"unpackedSize":76944,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGFc1O3njAG/WvzPzEERU5I+uY2a4q9Ls5bjieza1/cFAiEA7GNYHRa/DIDNhGBF3Q89qiQdMVzVSu3YElPe2NDtI2k="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.9_1689750648402_0.21434199258525233"},"_hasShrinkwrap":false},"0.9.1":{"name":"@spearly/nuxt-module","version":"0.9.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^1.3.2","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"c32e99304ab39092695dee8bdec684314f815253","_id":"@spearly/nuxt-module@0.9.1","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-jgK/TDoHF98KZromgNxMgxB1M6STuVndPBDaDYPl9ccNlrg7dFqxNi/qYfERVTvzBBvk6hOpLyTGRK3WGIVbiQ==","shasum":"4fb843f4ac04168993bffdefd846063c10fc3058","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.9.1.tgz","fileCount":39,"unpackedSize":170479,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCh7WB+YBnQZD1xMjbfWOdNsDBbfKSoAOBxx7aoJtII1AIhALUmRrEsHjm2cJ5Jza87Q0Jz+utLgrUtEHLo1odQziUS"}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.9.1_1690252906141_0.9359385321133618"},"_hasShrinkwrap":false},"1.0.0-next.10":{"name":"@spearly/nuxt-module","version":"1.0.0-next.10","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@types/js-cookie":"^3.0.3","@types/uuid":"^9.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2","js-cookie":"^3.0.5","uuid":"^9.0.0"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `session-id` (string)\n- `pattern-name` ('a' | 'b')\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### Advanced props\n\n- `pattern-name` ('a' | 'b')\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n\n### Provide data\n\nThe following two data are provide.\n\n- `$spearly` : API Client for get content list, form submission, etc.\n- `$spearlyAnalytics` : Used to send pageView (impressions) and conversions required for A/B Testing\n\n### A/B Testing analytics\n\n> **Warning**  \n> A/B Testing does not support SSR and SSG, Only SPA can use this feature.  \n> We are working on it now, so please wait for a while.\n\n#### Impression\n\nIf you are using the SpearlyContent component, you do not need to do anything special. The component will send the impression for you.\n\nIf you wish to send your own, you can do so with the following code:\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nawait $spearlyAnalytics.pageView({\n  contentId: CONTENT_ID,\n  patternName: 'a' or 'b',\n})\n```\n\n#### Conversion\n\nIf you are using A/B testing, you can count conversions by using the conversion method as follows\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nconst handleSubmit = async () => {\n  await $spearlyAnalytics.conversion({\n    contentId: CONTENT_ID,\n    patternName: 'a' or 'b',\n  })\n}\n```\n","readmeFilename":"README.md","gitHead":"25ac8c2e1ac0a0cbc7fc6fa7fc9e410b0ceb16c4","_id":"@spearly/nuxt-module@1.0.0-next.10","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-9kPkT8SzwBPTjX6lF0G0ADo4HTzLCOwIueEdwdfWp01J1jh1yOHcNbZHeiCF9Ogxq4EwsGeslygxLA52DQYj2A==","shasum":"5a6dc6ddea92cf1ac2e852e200271cb79cbb9077","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.10.tgz","fileCount":73,"unpackedSize":77334,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICUf26ARbIZ19Jlwc0egG4HF8EBpn0p2CrP1VF/6UFm2AiACPuY1iGYNlvOpYwn8fCmuEOgwSzCqhdoW+ZsiSbMGNg=="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.10_1690256574224_0.8294507690710611"},"_hasShrinkwrap":false},"0.9.2":{"name":"@spearly/nuxt-module","version":"0.9.2","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^1.3.3","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"f2fad0957c23e976787f26e0e23ed12480e85188","_id":"@spearly/nuxt-module@0.9.2","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-YtJuw0uXYHIocP+W07wSntagZDYpfiVVlhZgovFK5VuXxeEQdmQHZQVjVoSCz8uo9DvCKYcn8nEd3HkvGEqLHQ==","shasum":"0ad69dfcc5b14046f20edf7b87c298ed77dcde89","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.9.2.tgz","fileCount":39,"unpackedSize":179347,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEBD4vdQ6M/ux+jb6g8Sle3BCRiQRjUwSv+UqUXZ7Yg6AiEAlRG7XDXgRu7MZLcVz11+mYcvxgGsGM7HdM7vfCVFOZY="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.9.2_1690355873714_0.049650133830710486"},"_hasShrinkwrap":false},"1.0.0-next.11":{"name":"@spearly/nuxt-module","version":"1.0.0-next.11","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@types/js-cookie":"^3.0.3","@types/uuid":"^9.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2","js-cookie":"^3.0.5","uuid":"^9.0.0"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `session-id` (string)\n- `pattern-name` ('a' | 'b')\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n```vue\n<template>\n  <spearly-content id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### Advanced props\n\n- `pattern-name` ('a' | 'b')\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n\n### Provide data\n\nThe following two data are provide.\n\n- `$spearly` : API Client for get content list, form submission, etc.\n- `$spearlyAnalytics` : Used to send pageView (impressions) and conversions required for A/B Testing\n\n### A/B Testing analytics\n\n> **Warning**  \n> A/B Testing does not support SSR and SSG, Only SPA can use this feature.  \n> We are working on it now, so please wait for a while.\n\n#### Impression\n\nIf you are using the SpearlyContent component, you do not need to do anything special. The component will send the impression for you.\n\nIf you wish to send your own, you can do so with the following code:\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nawait $spearlyAnalytics.pageView({\n  contentId: CONTENT_ID,\n  patternName: 'a' or 'b',\n})\n```\n\n#### Conversion\n\nIf you are using A/B testing, you can count conversions by using the conversion method as follows\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nconst handleSubmit = async () => {\n  await $spearlyAnalytics.conversion({\n    contentId: CONTENT_ID,\n    patternName: 'a' or 'b',\n  })\n}\n```\n","readmeFilename":"README.md","gitHead":"5fbf9cd490d807c23c21270384268a7802d1b75f","_id":"@spearly/nuxt-module@1.0.0-next.11","_nodeVersion":"16.16.0","_npmVersion":"8.11.0","dist":{"integrity":"sha512-HQ4Pva/dBffYEWaREYrOBDtXZ8y3dTomfNUvdN5vXMoccl3CTcADrDOo7HZmwv4HZyWUT0RxGHnaMtlM5uo3IQ==","shasum":"fca7e59a0929394e4a71b622e9cd4bde38c766a4","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.11.tgz","fileCount":108,"unpackedSize":235327,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBS6PbxpsaHbG03VxdzaxR4rg3JyvrHbgs/bn8gGX6meAiEAhAEo5Slo+s1sOyMTRw77GgLW0/MceAbSfA4zQU5RLJk="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.11_1690356073724_0.1926504400777742"},"_hasShrinkwrap":false},"0.10.0":{"name":"@spearly/nuxt-module","version":"0.10.0","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^2.0.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"ad1415ce5979438974fb7e35b99786367bd4a02f","_id":"@spearly/nuxt-module@0.10.0","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-kkCuxPq5j/FaMUFUGi6ylsGO1MkdBzC2ymcw0FDV0famwUCbHNyBnDBF5xmv7QhQ4W+94XjKrJPgQn53p1tQjA==","shasum":"2d2fefd576aa6049915c62574973cae4b6cdba45","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.10.0.tgz","fileCount":39,"unpackedSize":179797,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCaHAFwoC73dEFM+5N5SWtQXkNYtMuxA1INnYXH01VM0wIgIyMG7iUs8rDKVXW2HIDivdStNij7duQg2ZatCWPHxZA="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.10.0_1692242492504_0.440171870442402"},"_hasShrinkwrap":false},"1.0.0-next.12":{"name":"@spearly/nuxt-module","version":"1.0.0-next.12","description":"This package allows you to easily implement Spearly in your nuxt3 project!","type":"module","exports":{".":{"import":"./dist/module.mjs","require":"./dist/module.cjs"},"./package.json":"./package.json"},"main":"./dist/module.cjs","module":"./dist/module.mjs","types":"./dist/types.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"nuxt-module-build","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","nuxt3","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxt/kit":"^3.0.0-rc.6","@nuxt/module-builder":"^0.1.7","@types/jest":"^27.0.1","@types/js-cookie":"^3.0.3","@types/uuid":"^9.0.1","@typescript-eslint/eslint-plugin":"^5.18.0","@vue/eslint-config-typescript":"^10.0.0","@vue/test-utils":"^2.0.0-rc.19","@vue/vue3-jest":"^27.0.0-alpha.4","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.5.0","eslint-plugin-prettier":"^4.0.0","eslint-plugin-vue":"^8.5.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^11.1.2","nuxt3":"^3.0.0-27486226.7a70644","prettier":"^2.6.2","semver":"^7.3.5","ts-jest":"^27.0.5"},"dependencies":{"@vue/compiler-sfc":"^3.2.2","js-cookie":"^3.0.5","uuid":"^9.0.0"},"peerDependencies":{"vue":"^3.2.31"},"readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module@^1.0.0-next.3\n\n// yarn\n$ yarn add @spearly/nuxt-module@^1.0.0-next.3\n```\n\n#### \n\n### Setup\n\n#### nuxt.config.ts\n```ts\nexport default {\n  ...\n  modules: [['@spearly/nuxt-module', { apiKey: 'YOUR_API_KEY' }]]\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n    <template v-slot=\"item\">\n      <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n        {{ item.content.values.title }}\n      </nuxt-link>\n    </template>\n  </spearly-content-list>\n</template>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `session-id` (string)\n- `pattern-name` ('a' | 'b')\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n```\n\n### Content\n\n> **Warning**\n> `content-type-id` props have been required since v1.0.0-next.12\n\n```vue\n<template>\n  <spearly-content content-type-id=\"CONTENT_TYPE_ID\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### Advanced props\n\n- `pattern-name` ('a' | 'b')\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content content-type-id=\"CONTENT_TYPE_ID\" loading=\"Loading\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content content-type-id=\"CONTENT_TYPE_ID\" :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"state.answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script lang=\"ts\" setup>\nconst state = reactive({\n  answers: {\n    YOUR_FORM_FIELD_ID: '',\n    ...,\n    _spearly_gotcha: '',\n  },\n})\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n```\n\n### Provide data\n\nThe following two data are provide.\n\n- `$spearly` : API Client for get content list, form submission, etc.\n- `$spearlyAnalytics` : Used to send pageView (impressions) and conversions required for A/B Testing\n\n### A/B Testing analytics\n\n> **Warning**  \n> A/B Testing does not support SSR and SSG, Only SPA can use this feature.  \n> We are working on it now, so please wait for a while.\n\n#### Impression\n\nIf you are using the SpearlyContent component, you do not need to do anything special. The component will send the impression for you.\n\nIf you wish to send your own, you can do so with the following code:\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nawait $spearlyAnalytics.pageView({\n  contentId: CONTENT_ID,\n  patternName: 'a' or 'b',\n})\n```\n\n#### Conversion\n\nIf you are using A/B testing, you can count conversions by using the conversion method as follows\n\n```js\nconst $spearlyAnalytics = inject('$spearlyAnalytics')\nconst handleSubmit = async () => {\n  await $spearlyAnalytics.conversion({\n    contentId: CONTENT_ID,\n    patternName: 'a' or 'b',\n  })\n}\n```\n","readmeFilename":"README.md","gitHead":"460da522de1fee3beaddb3baa0c2bf0d55a7377c","_id":"@spearly/nuxt-module@1.0.0-next.12","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-zl8UPUCcm/2gk7wPMRfT0Lk+ffQaOwg1jG98eIWzd9fgxBMW1o1FSH8YVsuNoSH+V+VDxKeML2xmg/yf057dpA==","shasum":"e37da0e3a93ff5e9d12f05e943131d4163c7f13d","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-1.0.0-next.12.tgz","fileCount":73,"unpackedSize":78626,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEtAARuLFNO3knBQzWM30FPFd18wPcREDummOGjsgZl8AiBVSsk7YNCKNsjKiR+Zx5QVPc6haxX+RJvsdnfXtLBHzQ=="}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh","email":"mantaroh@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_1.0.0-next.12_1692243381683_0.8897361358597944"},"_hasShrinkwrap":false},"0.10.1":{"name":"@spearly/nuxt-module","version":"0.10.1","description":"This package allows you to easily implement Spearly in your nuxt project!","main":"dist/cjs/nuxt-module.js","module":"dist/esm/nuxt-module.js","unpkg":"dist/umd/nuxt-module.js","types":"types/index.d.ts","scripts":{"lint":"eslint --ext .ts,.tsx,.vue --ignore-path .eslintignore . || exit 0","test":"jest --config ./jest.config.js","build":"rollup -c","prepare":"husky install"},"repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"publishConfig":{"registry":"https://registry.npmjs.org/"},"author":{"name":"akoarum"},"license":"Apache-2.0","bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"devDependencies":{"@babel/preset-env":"^7.15.0","@nuxtjs/eslint-config-typescript":"^6.0.1","@rollup/plugin-buble":"^0.21.3","@rollup/plugin-commonjs":"^20.0.0","@rollup/plugin-node-resolve":"^13.0.4","@types/jest":"^27.0.1","@typescript-eslint/parser":"^4.29.1","@vue/test-utils":"^1.2.2","babel-core":"^7.0.0-bridge.0","babel-plugin-syntax-jsx":"^6.18.0","babel-plugin-transform-vue-jsx":"^3.7.0","eslint":"^7.32.0","eslint-config-prettier":"^8.3.0","eslint-plugin-prettier":"^3.4.0","eslint-plugin-vue":"^7.16.0","flush-promises":"^1.0.2","husky":"^7.0.1","jest":"^27.1.0","lint-staged":"^13.2.1","prettier":"^2.3.2","rollup":"^2.56.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.30.0","rollup-plugin-vue":"^5.1.9","ts-jest":"^27.0.5","vue-eslint-parser":"^7.10.0","vue-jest":"^3.0.7","vue-template-compiler":"^2.6.14"},"dependencies":{"@nuxt/types":"^2.15.7","@spearly/sdk-js":"^2.0.0","@types/node-fetch":"^2.5.12","@vue/compiler-sfc":"^3.2.2","node-fetch":"^2.6.1","typescript":"^4.3.5","vue":"^2.6.14"},"gitHead":"30849d99709266b3a001672a2d0027895f7eb3c7","_id":"@spearly/nuxt-module@0.10.1","_nodeVersion":"14.21.3","_npmVersion":"6.14.18","dist":{"integrity":"sha512-2rU2SkWDhowh4QDdzrzI4V6sQhSt/WlTo57dnPrwJEzht2mW4g4W1sIdLYTTFQpeBKwYTr5WuYXfSrrJvhfJBA==","shasum":"671fabac7d046fe041f5a3627c955551901abb3a","tarball":"https://registry.npmjs.org/@spearly/nuxt-module/-/nuxt-module-0.10.1.tgz","fileCount":39,"unpackedSize":179797,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCziz/E0Brxv7eDIsrWSghl9naxwYgdfHGjtfD1O36MZQIhAOAPHeMVBXe6B3TECLB7A+py5jEhb3gLhIkE8DqKBoVT"}]},"_npmUser":{"name":"akoarum","email":"contact@akoarum.net"},"directories":{},"maintainers":[{"name":"mantaroh-npm","email":"mantaroh@gmail.com"},{"name":"qst-exe","email":"task.19.xx@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/nuxt-module_0.10.1_1699227718605_0.08928200772821504"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-22T00:59:41.158Z","0.1.11":"2021-10-22T00:59:41.413Z","modified":"2023-11-05T23:41:59.114Z","0.1.12":"2021-10-22T01:41:34.235Z","0.1.13":"2021-10-22T01:54:05.258Z","0.1.16":"2021-10-29T01:50:56.306Z","0.1.17":"2021-11-07T02:52:26.328Z","0.3.0":"2022-03-17T03:35:06.372Z","0.3.1":"2022-03-18T02:23:24.294Z","0.4.0":"2022-04-05T04:51:15.366Z","0.4.1":"2022-04-05T06:14:59.507Z","1.0.0-next.0":"2022-04-15T03:29:58.012Z","1.0.0-next.1":"2022-04-15T03:37:55.717Z","0.4.2":"2022-04-22T03:58:29.262Z","1.0.0-next.2":"2022-04-22T04:07:51.081Z","0.4.3":"2022-04-26T01:31:23.485Z","1.0.0-next.3":"2022-04-26T01:59:32.633Z","0.4.5":"2022-07-22T08:23:58.257Z","0.5.0":"2022-08-05T08:13:39.128Z","1.0.0-next.4":"2022-08-08T03:56:56.808Z","0.6.0":"2022-08-08T08:10:50.140Z","1.0.0-next.5":"2022-08-09T00:25:27.647Z","1.0.0-next.6":"2022-09-16T00:59:53.863Z","0.7.0":"2022-09-16T02:17:14.060Z","1.0.0-next.7":"2023-03-22T07:08:55.479Z","0.7.1":"2023-03-22T07:57:38.600Z","0.8.1":"2023-03-23T07:15:05.509Z","1.0.0-next.8":"2023-03-24T01:54:33.348Z","0.8.2":"2023-05-25T02:36:56.839Z","0.9.0":"2023-07-19T03:47:14.005Z","1.0.0-next.9":"2023-07-19T07:10:48.630Z","0.9.1":"2023-07-25T02:41:46.341Z","1.0.0-next.10":"2023-07-25T03:42:54.412Z","0.9.2":"2023-07-26T07:17:53.986Z","1.0.0-next.11":"2023-07-26T07:21:13.916Z","0.10.0":"2023-08-17T03:21:32.703Z","1.0.0-next.12":"2023-08-17T03:36:21.903Z","0.10.1":"2023-11-05T23:41:58.859Z"},"maintainers":[{"name":"mantaroh-npm","email":"mantaroh@gmail.com"},{"name":"qst-exe","email":"task.19.xx@gmail.com"},{"name":"akoarum","email":"contact@akoarum.net"}],"description":"This package allows you to easily implement Spearly in your nuxt project!","homepage":"https://github.com/unimal-jp/spearly-cms-nuxt-module#readme","repository":{"type":"git","url":"git+https://github.com/unimal-jp/spearly-cms-nuxt-module.git"},"bugs":{"url":"https://github.com/unimal-jp/spearly-cms-nuxt-module/issues"},"license":"Apache-2.0","readme":"# @spearly/nuxt-module\n\nThis package allows you to easily implement Spearly in your nuxt project!\n\n[![Spec Test](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml/badge.svg)](https://github.com/unimal-jp/spearly-cms-nuxt-module/actions/workflows/spec.yml)\n\n## If you are using nuxt3\n\nPlease see [nuxt3-version branch](https://github.com/unimal-jp/spearly-cms-nuxt-module/tree/nuxt3-version).\n\n## Getting Started\n\n### Install\n\n```\n// npm\n$ npm i -S @spearly/nuxt-module\n\n// yarn\n$ yarn add @spearly/nuxt-module\n```\n\n### Setup\n\n#### nuxt.config.(j|t)s\n```ts\nexport default {\n  ...\n  buildModules: ['@spearly/nuxt-module'],\n  spearly: {\n    options: {\n      apiKey: 'SPEARLY_API_KEY',\n    },\n    mode: 'all',\n  },\n}\n```\n\n#### tsconfig.json\n*Only if you use TypeScript.\n\n```json\n{\n  \"compilerOptions\": {\n    ...\n    \"types\": [\"@spearly/nuxt-module\"]\n  },\n  ...\n}\n```\n\n## How to use\n\n### Content List\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### use Custom Components\n\n- Make the wrapper its custom component: Specify a component name for `wrapper` prop.\n- Make the items its custom component: Specify a component name for `item` prop.\n\n```vue\n<template>\n  <spearly-content-list wrapper=\"Wrapper\" item=\"ListItem\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content-list loading=\"Loading\" id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### Advanced props\n\n- `limit` (number, 10)\n- `offset` (number, 0)\n- `order` ('desc' | 'asc', 'desc')\n- `order-by` ('latest' | 'popular' | string)\n- `orders` ( { [fieldId: string]: 'desc' | 'asc' } )\n- `filter-by` (string)\n- `filter-value` (string | string[])\n- `filter-ref` (string)\n- `filters` ( { [fieldId: string]: string | string[] } )\n- `filter-mode` ('or' | 'and')\n- `range-to` (string)\n- `range-from` (string)\n- `session-id` (string)\n- `pattern-name` ('a' | 'b')\n- `wrapper` (string | Vue)\n- `item` (string | Vue)\n- `loading` (Vue)\n\n#### pager slot\n\nThe `pager` slot is a slot for creating paginations.\nSince the `pager slot has a `paging` scope, you can freely create paginations with it.\n\n- `limit` (number) : The same number as the limit property for the component\n- `offset` (number) : The same number as the offset property for the component\n- `next` (number) : Indicates the number of offsets on the next page\n- `matchingContentsCount` (number) : Indicates the total number of articles narrowed down by filters, etc\n- `totalContentsCount` (number) : Indicates the total number of articles registered for the content type\n\n```vue\n<template>\n  <spearly-content-list id=\"CONTENT_TYPE_ID\">\n      <template v-slot=\"item\">\n        <nuxt-link :to=\"`/${item.content.attributes.publicUid}`\">\n          {{ item.content.values.title }}\n        </nuxt-link>\n      </template>\n      <template #pager=\"data\">\n        <button v-if=\"data.paging.offset > 0\" @click=\"offset -= 10\">Previous</button>\n        <button v-if=\"data.paging.next > 0\" @click=\"offset += 10\">Next</button>\n      </template>\n    </spearly-content-list>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n### Content\n\n> **Warning**\n> `content-type-id` props have been required since v0.10.0\n\n```vue\n<template>\n  <spearly-content content-type-id=\"CONTENT_TYPE_ID\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### props\n\n- `pattern-name` ('a' | 'b')\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-content loading=\"Loading\" content-type-id=\"CONTENT_TYPE_ID\" id=\"CONTENT_PUBLIC_UID\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### show Preview\n\nYou can preview the draft content by specifying `preview-token` and `id`.\n\n```vue\n<template>\n  <spearly-content content-type-id=\"CONTENT_TYPE_ID\" :id=\"$route.query.content_id\" :preview-token=\"$route.query.preview_token\">\n    <template v-slot=\"content\">\n      <header>\n        <h1>{{ content.values.title }}</h1>\n      </header>\n      <div v-html=\"content.values.body\" />\n    </template>\n  </spearly-content>\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n### Form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\" />\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n#### Advanced form\n\n```vue\n<template>\n  <spearly-form id=\"FORM_ID\">\n    <template v-slot=\"form\">\n      <fieldset v-for=\"field in form.fields\" :key=\"field.identifier\">\n        <label :for=\"['radio', 'checkbox'].includes(field.inputType) ? null : field.identifier\">\n          {{ field.name }}\n          <i v-if=\"field.required\">*</i>\n        </label>\n\n        <input\n          :id=\"field.identifier\"\n          v-model=\"answers[field.identifier]\"\n          :required=\"field.required\"\n          :aria-describedby=\"field.description ? `${field.identifier}-description` : null\"\n          type=\"text\"\n        />\n      </fieldset>\n      ...\n      <input v-model=\"answers._spearly_gotcha\" type=\"text\" style=\"position: absolute; width: 1px; height: 1px; overflow: hidden;\" />\n      <button @click=\"form.submit(answers)\">Submit</button> // form.submit is the method to submit the spearly form.\n    </template>\n  </spearly-form>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      answers: {\n        YOUR_FORM_FIELD_ID: '',\n        ...,\n        _spearly_gotcha: '',\n      }\n    }\n  }\n}\n</script>\n```\n\n#### use Show Loading\n\nSpecify a component name for `loading` prop.\n\n```vue\n<template>\n  <spearly-form loading=\"Loading\" id=\"FORM_ID\" />\n</template>\n\n<script>\nexport default {}\n</script>\n```\n\n### Instance Methods\n\nThe following two instance methods are provided.\n\n- `$spearly` : API Client for get content list, form submission, etc.\n- `$spearlyAnalytics` : Used to send pageView (impressions) and conversions required for A/B Testing\n\n### A/B Testing analytics\n\n> **Warning**  \n> A/B Testing does not support SSR and SSG, Only SPA can use this feature.  \n> We are working on it now, so please wait for a while.\n\n#### Impression\n\nIf you are using the SpearlyContent component, you do not need to do anything special. The component will send the impression for you.\n\nIf you wish to send your own, you can do so with the following code:\n\n```js\nawait this.$spearlyAnalytics.pageView({\n  contentId: CONTENT_ID,\n  patternName: 'a' or 'b',\n})\n```\n\n#### Conversion\n\nIf you are using A/B testing, you can count conversions by using the conversion method as follows\n\n```js\nconst handleSubmit = async () => {\n  await this.$spearlyAnalytics.conversion({\n    contentId: CONTENT_ID,\n    patternName: 'a' or 'b',\n  })\n}\n```\n","readmeFilename":"README.md","keywords":["spearly","spearlycms","headless","cms","nuxt","module","nuxt-module"],"author":{"name":"akoarum"}}