\n ${JSON.stringify(state)}\n \n \n `\n },\n click(e) {\n console.log('CLICKED')\n },\n adopted() {\n console.log('ADOPTED')\n },\n connected() {\n console.log('CONNECTED')\n },\n disconnected() {\n console.log('DISCONNECTED')\n }\n}\n```\n> Use these options objects with the [enhance custom element factory](https://github.com/enhance-dev/enhance)\n\n### Store\nSupply initital state to enhance and it will be passed along in a `store` object nested inside the state object.\n\n#### Node\n```javascript\nimport MyStoreData from './path/to/elements/my-store-data.mjs'\nimport enhance from '@enhance/ssr'\nconst html = enhance({\n elements: {\n 'my-store-data': MyStoreData\n },\n initialState: { apps: [ { users: [ { name: 'tim', id: 001 }, { name: 'kim', id: 002 } ] } ] }\n})\nconsole.log(html`\n
${instanceID}
\n `\n}\n\n```\n\n### `bodyContent`\nEnhance SSR outputs an entire valid HTML page but you can pass `bodyContent: true` to get just the content of the `` element. This can be useful for when you want to isolate the HTML output to just the Custom Element(s) you are authoring.\n\n```javaScript\nconst html = enhance({\n bodyContent: true,\n elements: {\n 'my-paragraph': MyParagraph,\n }\n})\nconst output = html`\n