{"id":24452917,"url":"https://github.com/extensionengine/tce-template-vue","last_synced_at":"2026-04-17T10:32:43.825Z","repository":{"id":95930985,"uuid":"527989980","full_name":"ExtensionEngine/tce-template-vue","owner":"ExtensionEngine","description":null,"archived":false,"fork":false,"pushed_at":"2022-09-26T14:05:10.000Z","size":409,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"develop","last_synced_at":"2026-01-03T07:14:31.577Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ExtensionEngine.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-23T12:53:11.000Z","updated_at":"2022-08-23T13:05:50.000Z","dependencies_parsed_at":"2023-09-01T13:16:25.885Z","dependency_job_id":null,"html_url":"https://github.com/ExtensionEngine/tce-template-vue","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ExtensionEngine/tce-template-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExtensionEngine%2Ftce-template-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExtensionEngine%2Ftce-template-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExtensionEngine%2Ftce-template-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExtensionEngine%2Ftce-template-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ExtensionEngine","download_url":"https://codeload.github.com/ExtensionEngine/tce-template-vue/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ExtensionEngine%2Ftce-template-vue/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31925422,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T10:19:20.377Z","status":"ssl_error","status_checked_at":"2026-04-17T10:19:18.682Z","response_time":62,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-21T01:17:39.300Z","updated_at":"2026-04-17T10:32:43.817Z","avatar_url":"https://github.com/ExtensionEngine.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tce-template-vue\n\nTemplate project to quickly get started developing content elements in Vue.\n\n\u003e **:warning: DISCLAIMER**\n\u003e The project is in early prototype phase. More info will be added later.\n\n## Description\n\nThis project is a starting point used for developing custom content elements\nfor [Tailor](https://github.com/ExtensionEngine/tailor).\nIt is intended to get you up and running quickly by bootstraping the application\nstructure and setting base default properties.\n\n## Requirements\n\n- Node \u0026 npm\n\n## Setup\n\nThe project is already preconfigured with certain defaults,\nhowever it is necessary to go through some properties and modify the values\nfor the purposes of your specific custom content element.\n\n#### Instructions\n\n1. Run `npx @tailor-cms/tce-vue` and follow the instructions to setup the project\n\n#### `content-element` folder\n\n##### Folder structure\n\u003cul\u003e\n  \u003cli\u003eindex.ts - contains custom element manifest\u003c/li\u003e\n  \u003cli\u003etypings.ts - contains TypeScript type definitions\u003c/li\u003e\n  \u003cli\u003edisplay subfolder\n    \u003cul\u003e\n      \u003cli\u003eindex.ts - main file for the display version on the content element\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n  \u003cli\u003eedit subfolder\n    \u003cul\u003e\n      \u003cli\u003eindex.ts - main file for the edit version of the content element\u003c/li\u003e\n      \u003cli\u003eTopToolbar.ts - file for top toolbar used in the edit version, optional\u003c/li\u003e\n      \u003cli\u003eSideToolbar.ts - file for side toolbar used in the edit version, optional\u003c/li\u003e\n    \u003c/ul\u003e\n  \u003c/li\u003e\n\u003c/ul\u003e\n\nAdd code for the edit component of your element to `edit/index.vue` file. If the element\nsupports them, you can also add code for top toolbar and side toolbar in the designated\nfiles. In the same manner add code for the display component to `display/index.vue` file. \nYou can choose any kind of component composition, however only root `Edit` and `Display`\ncomponents can be exposed as a part of the element's interface. TypeScript types can be\nadded to support better developer experience and serve as a documentation for the element.\nUse the `ElementData` interface in `typings.ts` file to specify and list the data that \nyour element requires and manages. The `initState` function can optionally be specified \nto return the initial state of that data.\nMake sure to edit the relevant properties of the manifest in `index.ts` file.\n\n#### `preview` folder\n\nThe intent of the previewer is to provide a development environment outside\nof Tailor CMS and other external systems. That way, you're able to get early \nfeedback on the element you're building and test it in isolation.\nPreviewer supports sharing common properties between edit and display states if those exist.\nLook for the comments and placeholders in the code to wire up the components.\n\n#### Used technologies\n\nThe project currently uses Vue 3, Vite and Vuetify 3 beta. Note that some features\nfrom the older versions of Vue and Vuetify may not be supported or work as expected.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fextensionengine%2Ftce-template-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fextensionengine%2Ftce-template-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fextensionengine%2Ftce-template-vue/lists"}