{"id":13626550,"url":"https://github.com/open-source-labs/OverVue","last_synced_at":"2025-04-16T14:34:03.946Z","repository":{"id":35144888,"uuid":"195314377","full_name":"open-source-labs/OverVue","owner":"open-source-labs","description":"Prototyping Tool For Vue Devs 适用于Vue的原型工具","archived":false,"fork":false,"pushed_at":"2024-05-01T21:39:22.000Z","size":36971,"stargazers_count":2464,"open_issues_count":18,"forks_count":270,"subscribers_count":60,"default_branch":"master","last_synced_at":"2024-10-23T02:47:29.572Z","etag":null,"topics":["electron","frontend","hierarchy","mockup","quasar","tree","vue","vuex"],"latest_commit_sha":null,"homepage":"https://www.overvue.org","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/open-source-labs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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},"funding":{"github":"open-source-labs","custom":["https://donorbox.org/donations-to-oslabs-inc"]}},"created_at":"2019-07-05T00:27:27.000Z","updated_at":"2024-10-18T05:46:29.000Z","dependencies_parsed_at":"2024-04-03T00:00:26.042Z","dependency_job_id":null,"html_url":"https://github.com/open-source-labs/OverVue","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-source-labs%2FOverVue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-source-labs%2FOverVue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-source-labs%2FOverVue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/open-source-labs%2FOverVue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/open-source-labs","download_url":"https://codeload.github.com/open-source-labs/OverVue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223716601,"owners_count":17191074,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["electron","frontend","hierarchy","mockup","quasar","tree","vue","vuex"],"created_at":"2024-08-01T21:02:23.471Z","updated_at":"2024-11-08T16:31:00.535Z","avatar_url":"https://github.com/open-source-labs.png","language":"Vue","funding_links":["https://github.com/sponsors/open-source-labs","https://donorbox.org/donations-to-oslabs-inc"],"categories":["Vue"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cimg width=\"235 height =\"235\" src=\"src/assets/ReadMe325x325.svg\"\u003e\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\u003cb\u003ePrototyping Development Tool for Vue Developers\u003c/b\u003e\u003c/p\u003e\n\n\u003cp\u003eOverVue is a prototyping tool that allows developers to dynamically create and visualize a Vue application, implementing a real-time intuitive tree display of component hierarchy and a live-generated code preview. The easy-to-use GUI allows you to add HTML attributes and CSS properties to help the developer envision their next project. The resulting boilerplate code can be exported as a template for further development in your IDE of choice.\u003c/p\u003e\n\n\u003chr\u003e\n\n\u003cp\u003e这个程序能帮你生成Vue 组件, 设置 routes , 也可以帮你显像Component Parent-Child组件树。你只要做一些小配置然后可以下载code boilerplate. 这样你就可以很方便简洁地生成Vue前台APP了！\u003c/p\u003e\n\u003chr\u003e\n\n\u003chr\u003e\n\n![Vue.js](https://img.shields.io/badge/vuejs-%2335495e.svg?style=for-the-badge\u0026logo=vuedotjs\u0026logoColor=%234FC08D)\n![Pinia](https://img.shields.io/badge/Pinia-%23F8DC75.svg?style=for-the-badge)\n![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge\u0026logo=jest\u0026logoColor=white)\n![Vue Test Utils](https://img.shields.io/badge/Vue_Test_Utils-%23Clojure.svg?style=for-the-badge)\n![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge\u0026logo=javascript\u0026logoColor=%23F7DF1E)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge\u0026logo=typescript\u0026logoColor=white)\n![Vue Router](https://img.shields.io/badge/Vue_Router-6001D2?style=for-the-badge)\n![Electron.js](https://img.shields.io/badge/Electron-191970?style=for-the-badge\u0026logo=Electron\u0026logoColor=white)\n![Quasar](https://img.shields.io/badge/Quasar-16B7FB?style=for-the-badge\u0026logo=quasar\u0026logoColor=black)\n![Prism.js](https://img.shields.io/badge/Prism.js-A81C7D?style=for-the-badge)\n![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge\u0026logo=SASS\u0026logoColor=white)\n![Babel](https://img.shields.io/badge/Babel-F9DC3e?style=for-the-badge\u0026logo=babel\u0026logoColor=black)\n![Git](https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge\u0026logo=git\u0026logoColor=white)\n![Vuetensils](https://img.shields.io/badge/Vuetensils-00897B?style=for-the-badge)\n\n## Table of Contents\n\n- [Installation](#installation)\n- [How to use OverVue](#how-to-use-OverVue)\n- [Changelogs](#changelogs-(recent))\n- [How to contribute](#contributing)\n- [Authors](#contributors)\n\n## Installation\n\nTo download the production version, please visit https://www.overvue.org\n\u003chr\u003e\n\n### Dev Installation\n\nIn your terminal:\n1. Install dependencies ``npm install``\n\n\n2. Build a new .zip / .deb:\n``\n  npm run build\n``\n*(Note: the build may take some time, but should display 'build finished' once it is done and ready to be run)*\n\n3. Run electron app in dev mode: ``npm run dev``\n\n\n\u003chr\u003e\n\n### Updated WSL Installation and Configuration Guide\n\nThis section has been updated to reflect the latest advancements with the Windows Subsystem for Linux (WSL), especially focusing on the integration of Linux GUI applications directly within WSL without the need for third-party X server tools like X410 or VcXsrv.\n\n\u003cdetails\u003e\n  \u003csummary\u003e\u003cstrong\u003eExpand\u003c/strong\u003e\u003c/summary\u003e\n\n## Running Linux GUI Applications in WSL\n\nWith the launch of WSLg (Windows Subsystem for Linux GUI), the process of running Linux GUI applications on Windows has been greatly simplified. WSLg integrates directly with WSL 2, offering native support for Linux GUI applications without the necessity for additional display server configurations.\n\n### Prerequisites\n\n- Windows 10 version 19044+ or Windows 11.\n- WSL 2 installed and set as the default version. Use `wsl --install` for new installations or `wsl --update` followed by `wsl --shutdown` to update and restart WSL.\n\n### Configuring Linux GUI Applications\n\nWSLg automatically configures the necessary environment, eliminating the need to manually set display variables for GUI applications. Linux GUI apps can now be launched directly from the Start menu or via the command line, without additional setup.\n\n### Legacy Setup Notes (Deprecated)\n\nThe previous guidance for setting up X410 or VcXsrv for Linux GUI applications in WSL is now deprecated. While these tools are no longer necessary for the majority of GUI applications in WSL, they remain available for those with specific requirements outside the scope of WSLg's capabilities.\n\n### Docker Integration\n\nFor Docker containers that require GUI applications, ensure Docker Desktop for Windows is configured to use the WSL 2 backend. This integration with WSLg provides a seamless experience for running GUI-based containers.\n\n### Additional Setup for Mac Users (Docker)\n\nMac users running Linux containers or WSL in a virtualized environment should follow the XQuartz setup for X11 forwarding, applicable only to those operating outside direct WSL integration on Windows.\n\n1. Install XQuartz: `brew install --cask xquartz` and restart.\n2. In XQuartz Preferences \u003e Security, enable \"Allow connections from network clients.\"\n3. Allow localhost connections: `xhost +localhost`.\n\n### Common Issues and Solutions\n\n- **WSLg not functioning as expected?** Verify your Windows version and WSL 2 installation and updates.\n- **Linux GUI app won't launch?** Ensure all components are up to date and the application is compatible with WSLg.\n\n### Resources\n\n- [WSLg Overview](https://aka.ms/wslg)\n- [Setting up Docker with WSL 2](https://docs.docker.com/desktop/windows/wsl/)\n\nThis guide is designed to help streamline your development environment by utilizing the latest WSL features while minimizing complexity. For more information and detailed troubleshooting, refer to the [official WSL documentation](https://docs.microsoft.com/en-us/windows/wsl/).\n\u003c/details\u003e\n\n\n\n\n\n## How to use OverVue\n\nOverVue kickstarts your project with a default root App component and a \"HomeView\" route. Here's a quick guide to navigating and utilizing OverVue to its fullest:\n\n1. **Creating Components:**\n   - Enter a name for your new component in the component name box.\n   - Select any HTML elements to include within your component. These can be added or nested within each other by dragging and dropping elements in the tree view on the right sidebar or within the component modal (accessible by double-clicking a component node).\n\n2. **Organizing Components:**\n   - Assign a parent component during or after creation to establish your desired hierarchy.\n   - Modify your component's structure and relationships anytime by dragging nodes in the tree view. Double-click an HTML element for advanced styling options, including adding attributes like `class`, `ID`, and `v-model`.\n\nThis streamlined approach helps you focus on building and visualizing your Vue.js application's component structure efficiently, with intuitive drag-and-drop functionality and easy access to advanced configuration options.\n\n![CreateComponents](./src/assets/readme/CreateComponents.gif)\n\n3. **Managing State and Actions:**\n    - Get a live preview of your component's code in the Component Details \u003e Code Preview Tab.\n\n\n    - Handle routes and associated components using the Routes Tab.\n\n\n    - Create, edit, and assign state and actions to your components.\n\n\n![AddStateActions](./src/assets/readme/AddStateActions.gif)\n\n  - When finished creating, view your code preview under the code preview tab and you can export to a file location of your choice. Below is the exported file structure ('*' = only in typescript format, '**' = only in test format:\n\n\n```\npublic/\nsrc/\n  assets/\n  components/\n    (YourNewComponent1.vue)\n    (YourNewComponent2.vue)\n    ...\n  router/\n    index.js/ts\n  store/\n    index.js/ts\n  views/\n    HomeView.vue\n    (YourNewRoute1.vue)\n    (YourNewRoute2.vue)\n    ...\n  App.vue\n  main.js/ts\ntests/\n  units**\n.eslintrc.cjs\nenv.d.ts*\nbabel.config.js/ts\njest.config.js/ts**\nindex.html\npackage.json\nvite.config.js/ts\n```\n\n- To get a better look at the features and how to use OverVue, take a look at the in-app tutorial!\n\n\u003cbr/\u003e\n\n[↥ Back to top](#table-of-contents)\n\n\n## Changelogs (recent)\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 11.0\u003c/summary\u003e\n\u003cul\u003e\n\u003cli\u003eUI redesign and overhaul - focus on accesibility features and increaesd contrast\u003c/li\u003e\n\n\u003cli\u003e Major update to depenendencies since last version, increasing compatibility between multiplatform OS and re-establishing fix for Windows users \u003c/li\u003e\n\u003cli\u003e Toggle switch from Vue 2 Options API code generation to Vue 3 Compositions API under 'Code Preview' \u003c/li\u003e\n\u003cli\u003e Refactored codebase, clean-up unused old code, unused files for optimization of Electron build \u003c/li\u003e\n\u003cli\u003e Optimize images displayed to take a smaller footprint and increase speeds or older systems \u003c/li\u003e\n\u003cli\u003e Slack and Github OAuth feature has been hidden as currently the feature is not working, and is not seeing much use either \u003c/li\u003e\n\u003cli\u003e Website has been updated with the latest OverVue 11.0 releases for the community to use  \u003c/li\u003e\n\n\u003cbr\u003e\n\n\u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003e Fixed Import and Export functionalities \u003c/li\u003e\n\u003cli\u003e Removed unused and outdated dependencies which removed and introduced new bugs (if new bugs are found please mention this in the issues tab) \u003c/li\u003e\n\u003cli\u003e Removed unused files and code to speed up build time\u003c/li\u003e\n\u003cli\u003e Major update to dependencies which greatly sped up speed of application \u003c/li\u003e\n\n\n\u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 10.0\u003c/summary\u003e\n\u003cul\u003e\n\u003cli\u003eOverhauled main view to be an interactive and intuitive tree view\u003c/li\u003e\n\u003cli\u003eUpdated HTML Elements list to have nested elements\u003c/li\u003e\n\u003cli\u003eCreated a focused component modal\u003c/li\u003e\n\u003cli\u003eIntegrated a11y-friendly Vuetensils component library\u003c/li\u003e\n\u003cli\u003eAdded unit testing for main tree view feature\u003c/li\u003e\n\u003cli\u003eRefactored codebase, removing unneeded comments, unused files, console logs\u003c/li\u003e\n\u003cli\u003eCleaned UI of side bars\u003c/li\u003e\n\u003cli\u003eAdded previous main grid view to toggle (in top right settings)\u003c/li\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003eFixed HTML elements not live rendering\u003c/li\u003e\n\u003cli\u003eFixed delete HTML element functionality being inconsistent\u003c/li\u003e\n\u003cli\u003eFixed Code Preview having unexpected code (i.e. v-model=undefined)\u003c/li\u003e\n\u003cli\u003eFixed various bugs related to empty HTML lists or routes with no children\u003c/li\u003e\n\u003cli\u003eFixed import statements and nesting in Code Preview and exported code\u003c/li\u003e\n\u003cli\u003eFixed entire testing suite\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 9.0\u003c/summary\u003e\n\u003cul\u003e\n\u003cli\u003eConverted codebase (40+ components) from Options API to Composition API\u003c/li\u003e\n\u003cli\u003eMigrated store from Vuex to Pinia\u003c/li\u003e\n\u003cli\u003eMigrated codebase to TypeScript\u003c/li\u003e\n\u003cli\u003eImplemented testing of Pinia store\u003c/li\u003e\n\u003cli\u003eUpdated Electron builder dependency\u003c/li\u003e\n\u003cli\u003eUI overhaul\u003c/li\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003eFixed nesting HTML elements functionality\u003c/li\u003e\n\u003cli\u003eFixed adding innerText functionality\u003c/li\u003e\n\u003cli\u003eFixed formatting of exported code\u003c/li\u003e\n\u003cli\u003eFixed parent child component relationship in code snippet and on export\u003c/li\u003e\n\u003cli\u003eFixed typing and initial values of store to match actions usage\u003c/li\u003e\n\u003cli\u003eEliminated code redundancy by implementing Composition API and Pinia\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/details\u003e\n\n\n### \u003csummary\u003eChangelogs 8.0 and older\u003c/summary\u003e\n\n\u003cdetails\u003e \u003cdetails\u003e\u003csummary\u003eOverVue 8.0\u003c/summary\u003e\n\u003cul\u003e\n\u003cli\u003eAdded component snap to grid functionality with additional grid density drop down menu feature\u003c/li\u003e\n\u003cli\u003eCode snippet reflects CSS grid area styling of components \u003c/li\u003e\n\u003cli\u003eAbility to import components from Element Plus library\u003c/li\u003e\n\u003cli\u003eExported project template code now more accurately reflects component placement in app\u003c/li\u003e\n\u003cli\u003eImproved canvas drag and deselect\u003c/li\u003e\n\u003cli\u003eImproved WSL developer installation instructions\u003c/li\u003e\n\u003cli\u003eAdded TypeScipt to application\u003c/li\u003e\n\u003cli\u003eImplemented component search bar feature\u003c/li\u003e\n\u003cli\u003eAbility to add Google and Github OAuth to exported project\u003c/li\u003e\n\u003cli\u003eAdded unit testing and component testing boilerplate to exported project\u003c/li\u003e\n\u003cli\u003eUI overhaul\u003c/li\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003eFixed routing components in project exports \u003c/li\u003e\n\u003cli\u003eFixed component hierarchy in project exports \u003c/li\u003e\n\u003cli\u003eFixed import statements of route child components\u003c/li\u003e\n\u003cli\u003eFixed edge case HTML element bugs in project exports \u003c/li\u003e\n\u003cli\u003eFixed in app component movement bugs which caused position to not update correctly \u003c/li\u003e\n\u003cli\u003eFixed drag and drop HTML element on click bug\u003c/li\u003e\n\u003cli\u003eEliminated code redundancy by implementing mixins\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 7.0\u003c/summary\u003e\n\u003cul\u003e\n\u003cli\u003eColor customizability of components \u003c/li\u003e\n\u003cli\u003eCode snippet reflects CSS styling of components \u003c/li\u003e\n\u003cli\u003eAdded more semantic HTML tags\u003c/li\u003e\n\u003cli\u003eOptions to add class, ID, and v-model attributes\u003c/li\u003e\n\u003cli\u003eAdded drag and drop feature when adding/altering HTML tags\u003c/li\u003e\n\u003cli\u003eAbility to add child components to the code snippet of parent components \u003c/li\u003e\n\u003cli\u003eAdded scoped style tags - On class creation will create styling entry with positioning of component/html element\u003c/li\u003e\n\u003cli\u003eConsolidated state/actions/props into one tab\u003c/li\u003e\n\u003cli\u003eUI overhaul\u003c/li\u003e\n\u003cbr\u003e\n\u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003eFixed undo and redo capabilities \u003c/li\u003e\n\u003cli\u003eFixed badge number not rendering for nested HTML tags\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 6.0\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eToggle to TypeScript mode to generate code snippets and export your project or individual components in TypeScript\u003c/li\u003e\n    \u003cli\u003eAn interactive and real-time tree display of your component hierarchy allows you to easily visualize parent-child component relationships and the Vue Router structure\u003c/li\u003e\n    \u003cli\u003eEnhance your workflow by adding notes to your components. When you export your project or components into your favorite IDE, notes will be converted into comments within your Vue files.\u003c/li\u003e\n    \u003cli\u003eNow with a “Get Started” tutorial, a visual queue of your HTML elements, and an overall simplified UI, OveVue is as intuitive as ever. \u003c/li\u003e\n    \u003cli\u003eOverVue is now containerized with Docker to bring developers the same experience, regardless of your operating system.\u003c/li\u003e\n    \u003cbr\u003e\n    \u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n    \u003cli\u003eFixed drawer disappearing when the window size is smaller\u003c/li\u003e\n    \u003cli\u003eFixed inability to delete parent/child relationship\u003c/li\u003e\n    \u003cli\u003eFixed the inability to add multiple children to parent except when making a new component\u003c/li\u003e\n    \u003cli\u003eFixed CodeSnippet does not scroll when it overflows the container\u003c/li\u003e\n    \u003cli\u003eFixed clicking canvas does not fully deactivate active component\u003c/li\u003e\n    \u003cli\u003eFixed Error handling for 'pasting' component when no component is copied\u003c/li\u003e\n    \u003cli\u003eFixed dancing components\u003c/li\u003e\n    \u003cli\u003eFixed project tree visulization\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 5.0\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eUpgraded source code to Vue 3\u003c/li\u003e\n    \u003cli\u003eUpgraded major dependencies to newest versions\u003c/li\u003e\n    \u003cul\u003e\n      \u003cli\u003eUpgraded from Vuex 3 to Vuex 4\u003c/li\u003e\n      \u003cli\u003eUpgraded from Electron 5 to 16\u003c/li\u003e\n      \u003cli\u003eUpgraded from Quasar 1 to 2\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cli\u003eRewrote exports in Vue 3\u003c/li\u003e\n    \u003cli\u003eReconfigured Vue Devtools to launch and connect upon running quasar in dev mode\u003c/li\u003e\n    \u003cli\u003eNote that due to breaking changes when upgrading to Vue 3, vued3tree had to be replaced with vue3-tree.Due to this, a bulleted list currently renders instead of a tree.  This is intended to be a short-term change, with the old package being utilized again once it is compatible.\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 4.0\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eIntegrated Slack through a Slack Login button to link user's slack channel to their OverVue instance\u003c/li\u003e\n    \u003cli\u003eAfter logging in with Slack, user's have the ability to send a message to their selected Slack channel after saving\u003c/li\u003e\n    \u003cli\u003eImplemented the ability to delete State and Actions from the store\u003c/li\u003e\n    \u003cli\u003eAdded the feature to quickly copy/paste Components through hotkeys\u003c/li\u003e\n    \u003cli\u003eReworked the interface to give users a more intuitive experience\u003c/li\u003e\n    \u003cul\u003e\n      \u003cli\u003eMoved bottom dashboard to the right\u003c/li\u003e\n      \u003cli\u003eFeatures on the left are geared toward creation/editing components\u003c/li\u003e\n      \u003cli\u003eFeatures on the right are geared toward viewing overall hierarchy of App Prototype\u003c/li\u003e\n      \u003cli\u003eComponent Editor menu now switches between create/edit mode depending on if a Component is selected\u003c/li\u003e\n      \u003cli\u003eVuex Store and Actions now moved to left menu with ability to view/create/delete state and actions\u003c/li\u003e\n    \u003c/ul\u003e\n    \u003cli\u003eImplemented Vue Devtools for development ease\u003c/li\u003e\n    \u003cli\u003eSped up component tree rendering speed for quicker, smoother viewing\u003c/li\u003e\n    \u003cbr\u003e\n    \u003ch4\u003e\u003cstrong\u003eBug Fixes\u003c/strong\u003e\u003c/h4\u003e\n    \u003cli\u003eFixed html buttons not properly rendering for selected component\u003c/li\u003e\n    \u003cli\u003eFixed code snippet not properly rendering for selected component\u003c/li\u003e\n    \u003cli\u003eFixed JSON parser typeerror with component html lists\u003c/li\u003e\n    \u003cli\u003eFixed component tree view rendering instability with right sidebar\u003c/li\u003e\n    \u003cli\u003eFixed children and parent relationship mutations causing type related side effects\u003c/li\u003e\n    \u003cli\u003eFixed issue where state/actions deleted in store aren't reflected across components\u003c/li\u003e\n    \u003cli\u003eFixed issue with undo feature that would delete inputed text one character at a time\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 3.0\u003c/summary\u003e\n  \u003cul\u003e\n  \u003cli\u003eImplemented full component edit functionality\u003c/li\u003e\n  \u003cli\u003eImproved sidebar user interface to consolidate edit functionality\u003c/li\u003e\n  \u003cli\u003eUI is more reactive, improved dashboard's ability to update dynamically \u003c/li\u003e\n  \u003cli\u003eAdded ability to incorporate Vuex in application\u003c/li\u003e\n  \u003cli\u003eUpdated component details section to better display all aspects of a component\u003c/li\u003e\n  \u003cli\u003eAdded action, state, and props section to component details dashboard\u003c/li\u003e\n  \u003cli\u003eNew Vuex store dashboard section\u003c/li\u003e\n  \u003cli\u003eMore robust code snippets with Vuex props, state, and actions included\u003c/li\u003e\n  \u003cli\u003eBug fixes for parent/child issues\u003c/li\u003e\n  \u003cli\u003eImproved Documentation for easier onboarding of new contributors\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\n\u003cdetails\u003e\u003csummary\u003eOverVue 2.0\u003c/summary\u003e\n  \u003cul\u003e\n  \u003cli\u003eImproved hierarchy tree rendering\u003c/li\u003e\n  \u003cli\u003eImproved Route addition and deletion\u003c/li\u003e\n  \u003cli\u003eAble to search for components by name\u003c/li\u003e\n  \u003cli\u003eImproved UI to be more informative\u003c/li\u003e\n  \u003cli\u003eUI is more reactive, code snippets update dynamically \u003c/li\u003e\n  \u003cli\u003eComponent children menu is consistent with children list at time of creation\u003c/li\u003e\n  \u003cli\u003eChildren components can no longer choose any of their ancestors to be their children.\u003c/li\u003e\n  \u003cli\u003eCan now use Quasar build -m electron to make windows .exe \u003c/li\u003e\n  \u003cli\u003eExporting projects now exports the mockup files as well into the assets folder\u003c/li\u003e\n  \u003cli\u003eSaving projects now saves the mockup image url\u003c/li\u003e\n  \u003cli\u003eExtensive bug fixing for Vue component and HTML element deletion behavior, exporting and saving.\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\u003c/details\u003e\n\n[↥Back to top](#table-of-contents)\n\n## How to contribute\n\n\u003cdetails\u003e\u003csummary\u003eExpand\u003c/summary\u003e\n\u003cbr/\u003e\n\nWe'd love for you to test out the application and submit any issues you encounter. Also feel free to fork to your own repo and submit PRs.\n\n\u003ch4\u003e\u003cstrong\u003eHere are some features we're thinking about adding:\u003c/strong\u003e\u003c/h4\u003e\n\n- Ability to add two-way binding to input elements\n- Add E2E testing suite like Cypress\n- Containerized the app to further support multi-platform distribution OR\n- Adjust application to either a web app or an plugin extension on VSCode/Figma.\n\n\n\u003ch4\u003e\u003cstrong\u003eSmaller desired changes\u003c/strong\u003e\u003c/h4\u003e\n\n- Patch save functionality to save state\n- Highlight active HTML element when selected/updating\n- HTML elements removal to re-render and update state count of elements used in components tree\n- HTML elements list occasionally does not render properly after component is dragged\n- Continue updating and rebalancing dependencies\n\n\u003ch4\u003e\u003cstrong\u003eKnown Bugs\u003c/strong\u003e\u003c/h4\u003e\n\u003cli\u003e Slack OAuth not working (currently disabled) \u003c/li\u003e\n\u003cli\u003e Canvas tree can only be moved with arrow keys \u003c/li\u003e\n\u003cli\u003e Not necessarily a bug, but certain peer dependencies are not updated by their maintainers (ie tesing vue with jest). To update to a new dependency, this requires ample amount of time that we unfortunately did not have\u003c/li\u003e\n\u003cli\u003e There may be more bugs that we did not find. If so please mention this in the 'Issues' tab  \u003c/li\u003e\n\n\u003cbr/\u003e\n\u003c/details\u003e\n\u003cbr/\u003e\n\n[↥Back to top](#table-of-contents)\n\n## Contributors\n\n| OverVue 11.0 | LinkedIn | GitHub |\n|------|----------|--------|\n| Anthony Herrera | [LinkedIn](https://www.linkedin.com/in/anthony-herrera-686ba0183/) | [@anthonyHerr](https://github.com/anthonyHerr) |\n| Daniel Garan | [LinkedIn](https://www.linkedin.com/in/daniel-garan/) | [@DanielGaran02](https://github.com/DanielGaran02) |\n| Kevin Can | [LinkedIn](https://www.linkedin.com/in/kevincan/) | [@Kelementz916](https://github.com/Kelementz916) |\n| Robery Sinizieri | [LinkedIn](https://www.linkedin.com/in/rob-sinzieri/) | [@robsinz](https://github.com/robsinz) |\n| Roderick de Leon | [LinkedIn](https://www.linkedin.com/in/roderickdeleon/) | [@RoderickXii](https://github.com/RoderickXii) |\n\n\u003cbr\u003e\n\n| OverVue 10.0  | LinkedIn |GitHub |\n|------|-------|------|\n| David Lee  | [LinkedIn](https://www.linkedin.com/in/davidetlee/) | [@GomDave](https://github.com/GomDave)|\n| Trisha Duong  | [LinkedIn](https://www.linkedin.com/in/trisha-duong-444123195/) | [@trishanduong](https://github.com/trishanduong) |\n| Jaime de Venecia | [LinkedIn](https://www.linkedin.com/in/jaime-dv/) | [@jdvplus](https://github.com/jdvplus) |\n| Janica Abagat  | [LinkedIn](https://www.linkedin.com/in/janica-abagat/) | [@janicaa1](https://github.com/janicaa1) |\n\n\u003cbr\u003e\n\n| OverVue 9.0 | GitHub |\n|------|--------|\n| Ji Kim | [@dwejikim](https://github.com/dwejikim) |\n| Chris Davis | [@chdavis0917](https://github.com/chdavis0917) |\n| Linden Young | [@lindenyoung](https://github.com/lindenyoung) |\n| Jigar Patel | [@jigarxp](https://github.com/jigarxp) |\n\n\u003cbr\u003e\n\n| OverVue 8.0 | GitHub |\n|------|--------|\n| Emma Genesen | [@EGenesen](https://github.com/EGenesen) |\n| Alex Law | [@alexlaw528](https://github.com/alexlaw528) |\n| Honghao(Michael) Sun | [@sunhonghaoparis](https://github.com/sunhonghaoparis) |\n| Chris Wong | [@Koregano73](https://github.com/Koregano73) |\n\n\u003cbr\u003e\n\n| OverVue 7.0 | GitHub |\n|------|--------|\n| Katherine Kim | [@katherinek123](https://github.com/katherinek123) |\n| Keyla Koizumi Nishimura | [@keylakoizumin](https://github.com/keylakoizumin) |\n| Jace Crowe | [@JaceCrowe](https://github.com/JaceCrowe) |\n| Johnny Chan | [@jchan444](https://github.com/jchan444) |\n\n\u003cbr\u003e\n\n| OverVue 6.0 | GitHub |\n|------|--------|\n| Megan Nadkarni | [@megatera](https://github.com/megatera) |\n| Kerolos Nesem | [@Kerolos-Nesem](https://github.com/Kerolos-Nesem) |\n| Julia Bakerink | [@jbbake](https://github.com/jbbake) |\n| Bryan Bart | [@MrBeeAreWhy](https://github.com/MrBeeAreWhy) |\n| Aram Paparian | [@apaparian](https://github.com/apaparian) |\n\n\u003cbr\u003e\n\n| OverVue 5.0 | GitHub |\n|------|--------|\n| Zoew McGrath | [@Z-McGrath](https://github.com/Z-McGrath) |\n| Shanon Lee | [@shanonlee541](https://github.com/shanonlee541) |\n| Ross Lamerson | [@lamerson28](https://github.com/lamerson28) |\n| Gabriela Kokhabi | [@gkokhabi](https://github.com/gkokhabi) |\n\n\u003cbr\u003e\n\n| OverVue 4.0 | GitHub |\n|------|--------|\n| Sonny Nguyen | [@sn163](https://github.com/sn163) |\n| Ryan Bender | [@rdbender](https://github.com/rdbender) |\n| Kenny Lee | [@kennyea](https://github.com/kennyea) |\n| Jeffrey Sul | [@jeffreysul](https://github.com/jeffreysul) |\n| Alex Lu | [@aleckslu](https://github.com/aleckslu) |\n\n\u003cbr\u003e\n\n| OverVue 3.0 | GitHub |\n|------|--------|\n| Faraz Moallemi | [@farazmoallemi](https://github.com/farazmoallemi) |\n| Terry Tilley | [@codeByCandlelight](https://github.com/codeByCandlelight) |\n| Nicholas Schillaci | [@schillaci767](https://github.com/schillaci767) |\n| Sean Grace | [@ziggrace](https://github.com/ziggrace) |\n\n\u003cbr\u003e\n\n| OverVue 2.0| GitHub |\n|------|--------|\n| Joju Olaode | [@JojuOlaode](https://github.com/JojuOlaode) |\n| Allison Pratt | [@allisons11](https://github.com/allisons11) |\n| Keriann Lin | [@keliphan](https://github.com/keliphan) |\n| Alexander Havas | [@LOLDragoon](https://github.com/LOLDragoon) |\n\n\u003cbr\u003e\n\n| OverVue 1.0| GitHub |\n|------|--------|\n| Drew Nguyen | [@drewngyen](https://github.com/drewngyen) |\n| Dean Ohashi | [@dnohashi](https://github.com/dnohashi) |\n| Dean Chung | [@deanfchung](https://github.com/deanfchung) |\n| Joseph Eisele | [@jeisele2](https://github.com/jeisele2) |\n\n\n\n\n\u003chr\u003e\n\nOverVue was inspired by [PreVue](https://github.com/open-source-labs/PreVue)\n\n\u003cbr/\u003e\n\n[↥Back to top](#table-of-contents)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopen-source-labs%2FOverVue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fopen-source-labs%2FOverVue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fopen-source-labs%2FOverVue/lists"}