<h2>Overview:</h2>
<p>The Babel plugin JSX (JavaScript extension) is a tool that allows developers to transform JSX syntax into regular JavaScript. JSX is an extension to JavaScript commonly used with React for defining the structure of user interfaces. By using this Babel plugin, developers can write JSX code and have it transpiled into JavaScript that browsers can understand.</p>
<h2>Features:</h2>
<ul>
<li><strong>Transform JSX</strong>: Converts JSX syntax into regular JavaScript.</li>
<li><strong>Compatible with React</strong>: Supports JSX syntax commonly used with React libraries.</li>
<li><strong>Customizable Configuration</strong>: Developers can configure the plugin to suit their specific needs.</li>
<li><strong>Easy Integration</strong>: Seamless integration with Babel for transforming JSX code.</li>
</ul>


<h2>Overview:</h2>
<p>The @vue/composition-api is a Vue 2 plugin that brings the Composition API to Vue applications. With the release of Vue 2.7, which includes the Composition API built-in, this plugin is now entering maintenance mode and will only support Vue 2.6 or earlier until it reaches End of Life by the end of 2022.</p>
<h2>Features:</h2>
<ul>
<li><strong>Installation via NPM:</strong> Easily install @vue/composition-api as a plugin with Vue.use() to leverage the Composition API.</li>
<li><strong>CDN Support:</strong> Include @vue/composition-api after Vue for automatic installation, with exposure to the global variable window.VueCompositionAPI.</li>
<li><strong>TypeScript Support:</strong> Requires TypeScript version >4.2 for proper type inference in Vue component options.</li>
<li><strong>SSR Implementation:</strong> Implements the onServerPrefetch lifecycle hook for server-side rendering (SSR) in the absence of a definitive Vue 3 API.</li>
<li><strong>Browser Compatibility:</strong> Supports all modern browsers and IE11+ with the option to install a WeakMap polyfill for lower IE versions.</li>
<li><strong>Limitations:</strong> Provides workarounds for limitations like Template Refs and reactivity differences between Vue 2 and Vue 3.</li>
</ul>
<h3>NPM:</h3>
<pre><code class="language-javascript">npm install @vue/composition-api
</code></pre>
<h3>CDN:</h3>
<pre><code class="language-html">&#x3C;script src="https://cdn.jsdelivr.net/npm/vue@2">&#x3C;/script>
</code></pre>


<h2>Overview</h2>
<p>Vue.js is an MIT-licensed open-source project that has gained popularity for its ease of use and flexibility. It is entirely supported by backers and contributors. The Vue.js framework offers a range of features that make web development efficient and enjoyable.</p>
<h2>Features</h2>
<ul>
<li><strong>Open Source</strong>: Vue.js is an MIT-licensed open-source project, allowing for widespread adoption and contribution.</li>
<li><strong>Community Support</strong>: An active community provides support through forums and chats, ensuring developers have resources for assistance.</li>
<li><strong>Responsive Development</strong>: Ongoing development efforts ensure that Vue.js stays up to date with the latest trends and technologies.</li>
<li><strong>Contributing Guide</strong>: The project maintains a Contributing Guide to help new contributors understand the process of making a pull request and contributing to Vue.js.</li>
<li><strong>Structured Documentation</strong>: Detailed documentation at vuejs.org guides developers through the installation and use of Vue.js.</li>
<li><strong>Issue Management</strong>: The project emphasizes the importance of adhering to guidelines when reporting bugs or requesting features to streamline issue resolution.</li>
</ul>


<h2>Overview</h2>
<p>Vue Vapor is a fork of vuejs/core used for research and development of the no virtual dom mode. The repository features the Vapor Playground, Vapor Template Explorer, and a team led by Evan You, the creator and designer of Vue.js and Vue Vapor.</p>
<h2>Features</h2>
<ul>
<li><strong>Vapor Playground</strong>: A platform for experimenting with Vue Vapor.</li>
<li><strong>Vapor Template Explorer</strong>: A tool for exploring templates in Vue Vapor.</li>
<li><strong>Team</strong>: Led by Evan You, with key contributors including Kevin Deng, Rizumu Ayaka, Ubugeeei, and Doctor Wu.</li>
<li><strong>Sponsors</strong>: Supported by backers who contribute to the ongoing development of Vue.js.</li>
</ul>


<h2>Overview:</h2>
<p>The Vue Devtools team has introduced a new version of Devtools at vuejs/devtools-next, currently in beta testing. Users are encouraged to try out this latest iteration of the Devtools to provide feedback and aid in its development.</p>
<h2>Features:</h2>
<ul>
<li><strong>New Devtools Version</strong>: Introduces an updated and improved version of Vue Devtools.</li>
<li><strong>Beta Testing</strong>: Users can participate in beta testing to help enhance the tool.</li>
<li><strong>Development Opportunities</strong>: Provides developers with a chance to explore and contribute to the new features.</li>
</ul>
<h2>Summary:</h2>


<h2>Overview</h2>
<p>The site vuejs.org is built with VitePress and depends on @vue/theme. The content on the site is written in Markdown format and located in the src directory. For simple edits, contributors can directly edit the files on GitHub and generate a Pull Request. The site recommends using pnpm as the package manager for local development and Node.js version 18 or higher for running the project.</p>
<h2>Features</h2>
<ul>
<li><strong>Built with VitePress</strong>: The site is built using VitePress, a static site generator for Vue.</li>
<li><strong>Markdown Format</strong>: Content on the site is written in Markdown, making it easy to create and edit pages.</li>
<li><strong>GitHub Integration</strong>: Contributors can edit files directly on GitHub and submit Pull Requests for changes.</li>
<li><strong>Support for Vue Syntax</strong>: Ability to use Vue syntax inside Markdown for enhanced functionality.</li>
<li><strong>Writing Guide</strong>: Provides rules and recommendations for writing and maintaining documentation content.</li>
<li><strong>Theme Development</strong>: Instructions available for making changes to the theme alongside the documentation.</li>
</ul>


<h2>Overview</h2>
<p>The <code>eslint-plugin-vue</code> is the official ESLint plugin for Vue.js. It provides developers with a set of rules to enforce quality and consistency in Vue.js codebases. This plugin follows Semantic Versioning and ESLint's Semantic Versioning Policy, making it stable and reliable for use in projects.</p>
<h2>Features</h2>
<ul>
<li><strong>Official ESLint plugin for Vue.js</strong></li>
<li><strong>Follows Semantic Versioning and ESLint's Semantic Versioning Policy</strong></li>
<li><strong>GitHub Releases for version updates</strong></li>
<li><strong>Contribution Guide available</strong></li>
<li><strong>Enhanced AST generation for Vue.js single file components</strong></li>
<li><strong>Support for traversing and accessing template tokens</strong></li>
<li><strong>MIT License for usage rights</strong></li>
</ul>


<h2>Overview:</h2>
<p>The Vue.js Japanese documentation repository is dedicated to managing documentation for Vue.js version 2.x. The site is built using hexo with content written in markdown format located in the src directory. Contributions are welcome through pull requests, and the site is automatically deployed via Netlify when commits or pull requests are merged into the lang-ja branch.</p>
<h2>Features:</h2>
<ul>
<li><strong>Documentation Management:</strong> Manages documentation for Vue.js version 2.x.</li>
<li><strong>Built with Hexo:</strong> The site is constructed using the Hexo framework.</li>
<li><strong>Markdown Format:</strong> Content is written in markdown format for easy editing and readability.</li>
<li><strong>Automatic Deployment:</strong> Deployed automatically through Netlify upon merging commits or pull requests into the lang-ja branch.</li>
</ul>


<h2>Overview</h2>
<p>The Babel Preset JSX for Vue is a configurable Babel preset that adds support for Vue JSX syntax. It is compatible with Babel 7+ and Vue 2+. This preset helps in transpiling various JSX features for Vue applications.</p>
<h2>Features</h2>
<ul>
<li><strong>Compatibility:</strong> Compatible with Babel 7+ and Vue 2+.</li>
<li><strong>JSX Support:</strong> Adds support for JSX syntax in Vue components.</li>
<li><strong>Configurability:</strong> Allows for configuration options for customized behavior.</li>
</ul>


<h2>Overview:</h2>
<p>Vue Language Tools is a high-performance language tooling based on Volar.js, designed for Vue developers. It offers a comprehensive suite of tools to enhance Vue development experience, including support for Vue, Vitepress, and petite-vue languages in VSCode, type-checking with vue-tsc, component information extraction with vue-component-meta, and more.</p>
<h2>Features:</h2>
<ul>
<li><strong>Vue Language Features:</strong> Provides support for Vue, Vitepress, and petite-vue languages in VSCode.</li>
<li><strong>vue-tsc:</strong> Command-line tool for type-checking and dts build.</li>
<li><strong>vue-component-meta:</strong> Extracts component props, events, and slots types information.</li>
<li><strong>vite-plugin-vue-component-preview:</strong> Vite plugin for Vue component preview view.</li>
<li><strong>@vue/language-server:</strong> The Vue language server itself.</li>
<li><strong>@vue/typescript-plugin:</strong> Typescript plugin for the language server.</li>
<li><strong>Community Integration:</strong> Offers integration with various tools like coc.nvim, Neovim, vim-lsp, Sublime, Atom, Emacs, Nova, Lapce, and WebStorm.</li>
</ul>


<h2>Overview:</h2>
<p>The <code>@vue/repl</code> is a Vue 3 component that serves as a Single File Component (SFC) REPL (Read-Eval-Print Loop). It provides an interactive environment for experimenting with and testing Vue components. There are two main editor options supported: CodeMirror Editor for basic editing and Monaco Editor for more advanced features like autocomplete and type inference.</p>
<h2>Features:</h2>
<ul>
<li><strong>CodeMirror Editor</strong>: Basic editing experience with no intellisense. Lighter weight, fewer network requests, better for embedding use cases.</li>
<li><strong>Monaco Editor</strong>: Supports Volar for autocomplete, type inference, and semantic highlighting. Heavier bundle, loads dts files from CDN, better for standalone use cases.</li>
<li><strong>Advanced Usage</strong>: Customize REPL behavior by manually initializing the store. Includes v4 Migration Guide for advanced users.</li>
</ul>


<h2>Overview:</h2>
<p>The rollup-plugin-vue is an archived project that is no longer maintained. Users are encouraged to use Vite and @vitejs/plugin-vue as an alternative.</p>
<h2>Features:</h2>
<ul>
<li><strong>Roll Vue 3 SFCs with Rollup</strong>: This plugin allows users to bundle Vue 3 Single File Components using Rollup.</li>
<li><strong>Options Configuration</strong>: Provides options for customizing the behavior and configuration of the Vue components during the Rollup bundling process.</li>
</ul>
<h2>Summary:</h2>
<p>The rollup-plugin-vue is an outdated project that is no longer actively supported. Users are advised to transition to Vite and @vitejs/plugin-vue for Vue 3 Single File Component bundling with Rollup.</p>


<h2>Overview:</h2>
<p>Vue Router is an open-source project that is part of the Vue Ecosystem, and is specifically designed for use with Vue 3. It is licensed under MIT and is solely supported by sponsorships. The repository for Vue Router 4 can be found on GitHub, offering ongoing development for the project.</p>
<h2>Features:</h2>
<ul>
<li><strong>Compatibility</strong>: Specifically designed for use with Vue 3.</li>
<li><strong>Sponsorship Support</strong>: Continual development made possible by sponsor contributions.</li>
<li><strong>Open Source</strong>: Licensed under MIT, allowing for community contribution.</li>
<li><strong>Migration Guide</strong>: Provides a detailed framework for transitioning from Vue Router 3.</li>
</ul>
<h2>Summary:</h2>
<p>Vue Router is an essential component for Vue 3 projects, enabling efficient routing capabilities within applications. With its open-source nature and sponsorship support, Vue Router continues to evolve with ongoing development. By following the installation guide and leveraging the Migration Guide, developers can seamlessly incorporate Vue Router into their projects.</p>


<h2>Overview:</h2>
<p>Vue Test Utils is a component testing utility specifically designed for Vue 3. It provides a set of tools to facilitate testing Vue components. Developers can easily set up testing environments and run tests on their Vue components using Vue Test Utils.</p>
<h2>Features:</h2>
<ul>
<li><strong>Vue 3 Support</strong>: Specifically designed for Vue 3, ensuring compatibility and performance.</li>
<li><strong>Ease of Installation</strong>: Can be easily installed using popular package managers like yarn and npm.</li>
<li><strong>Comprehensive Documentation</strong>: Extensive documentation and guides available for seamless integration and usage.</li>
<li><strong>Migration Guide</strong>: Provides guidance for users transitioning from Vue 2 + Test Utils v1 to the current version.</li>
</ul>
<h2>Summary:</h2>


<h2>Overview</h2>
<p>The Vue 2 中文文档 (Chinese documentation for Vue 2) repository is deployed at v2.cn.vuejs.org and is currently in maintenance mode. The website is built using Hexo. Contributions and feedback in the form of issues or pull requests are welcome. The English original repository address is at https://github.com/vuejs/v2.vuejs.org. The site is automatically deployed by CircleCI from the master branch.</p>
<h2>Features</h2>
<ul>
<li><strong>Chinese Documentation</strong>: Provides Chinese translations of Vue 2 documentation.</li>
<li><strong>Maintenance Mode</strong>: Currently in maintenance mode for updates and improvements.</li>
<li><strong>Built with Hexo</strong>: The site is built using the Hexo framework.</li>
<li><strong>Contributions Welcome</strong>: Users can contribute by syncing English updates, fixing errors, and discussing translations.</li>
</ul>
<h2>Summary</h2>
<p>The Vue 2 中文文档 repository provides Chinese translations of Vue 2 documentation and is currently maintained for updates. Built using Hexo, the site invites contributions and feedback from users for improving the content and translations. Contributions can include syncing with English updates, fixing errors, and discussing translation methods or formats.</p>


<h2>Overview:</h2>
<p>The Vue.js documentation repository is a resource for versions 1.x and 2.x of Vue.js. Issues and pull requests related to version 3.x are handled in a separate repository. The site is built using Hexo and content is written in Markdown format.</p>
<h2>Features:</h2>
<ul>
<li><strong>Writing Guide</strong>: Vue Docs Writing Guide offers rules and recommendations for documenting Vue.js.</li>
<li><strong>Automatic Deployment</strong>: The site is automatically deployed via Netlify when commits are made to the master branch.</li>
<li><strong>Community Translations</strong>: The documentation is available in multiple languages through community translation efforts.</li>
</ul>
<h2>Summary:</h2>
<p>The Vue.js documentation repository provides essential information for Vue.js versions 1.x and 2.x. It is built using Hexo and written in Markdown format. The site is continuously updated through automatic deployments on Netlify. Additionally, the presence of community translations in various languages enhances accessibility and usability for a global audience.</p>


<h2>Overview:</h2>
<p>Vetur is a Vue tooling extension for Visual Studio Code that enhances the development experience for Vue.js projects. It provides a range of features to improve syntax-highlighting, linting, IntelliSense, debugging, and more.</p>
<h2>Features:</h2>
<ul>
<li><strong>Syntax-highlighting</strong>: Enhances code readability by highlighting syntax elements.</li>
<li><strong>Semantic-highlighting</strong>: Provides context-aware highlighting to improve code comprehension.</li>
<li><strong>Snippet</strong>: Offers code snippets for faster development.</li>
<li><strong>Emmet</strong>: Integrates Emmet abbreviations for quick and efficient coding.</li>
<li><strong>Linting / Error Checking</strong>: Identifies and highlights errors in the code in real-time.</li>
<li><strong>Formatting</strong>: Automatically formats code for consistency.</li>
<li><strong>IntelliSense</strong>: Provides intelligent code suggestions and autocompletion.</li>
<li><strong>Debugging</strong>: Supports debugging Vue.js applications for easy issue identification.</li>
</ul>


<h2>Overview:</h2>
<p>VitePress is a Vue-powered static site generator designed to be a successor to VuePress and is based on Vite's architecture. It provides a platform for rapidly creating static websites using Vue.</p>
<h2>Features:</h2>
<ul>
<li><strong>Vue-Powered:</strong> Built with Vue.js, making it easy for Vue developers to use and customize.</li>
<li><strong>Static Site Generator:</strong> Generates static websites for fast loading and improved performance.</li>
<li><strong>Vite Integration:</strong> Utilizes Vite's fast build tool to enhance development speed and efficiency.</li>
<li><strong>Documentation Support:</strong> Easily create and manage documentation websites with VitePress.</li>
</ul>


<h2>Overview</h2>
<p>Vue 2 has reached its End of Life on December 31st, 2023, and the repository is now inactive. Users are encouraged to transition to the latest version of Vue (3.x) for continued support and updates. The Vue framework is designed to be incrementally adoptable, offering a core library for the view layer and supporting libraries to manage complexity in Single-Page Applications.</p>
<h2>Features</h2>
<ul>
<li><strong>Incrementally Adoptable</strong>: Easily scale between a library and a framework based on different use cases.</li>
<li><strong>Browser Compatibility</strong>: Supports all browsers that are ES5-compliant, excluding IE8 and below.</li>
<li><strong>Ecosystem of Supporting Libraries</strong>: Includes vue-router for single-page application routing, vuex for state management, vue-cli for project scaffolding, and more.</li>
</ul>
<h2>Summary</h2>


<h2>Overview:</h2>
<p>Vue CLI is a popular tool used for developing Vue.js applications. However, it is now in maintenance mode, and the recommendation is to use create-vue for new projects, which supports both Vue 2 and Vue 3. Developers can refer to the Vue 3 Tooling Guide for the latest recommendations and follow the Vue CLI -> Vite Migration Guide from VueSchool.io for migrating to Vite.</p>
<h2>Features:</h2>
<ul>
<li><strong>Maintenance Mode:</strong> Vue CLI is in maintenance mode, with new projects advised to use create-vue.</li>
<li><strong>Support for Vue 2 and Vue 3:</strong> create-vue supports both Vue 2 and Vue 3 projects.</li>
<li><strong>Migration Guide:</strong> Detailed migration guide available from Vue CLI to Vite on VueSchool.io.</li>
<li><strong>Documentation:</strong> Extensive docs available at https://cli.vuejs.org for reference and support.</li>
<li><strong>Contribution:</strong> Contributions are welcome to refine the documentation.</li>
</ul>
<h2>Summary:</h2>


<h2>Overview:</h2>
<p>The document provides a collection of Chinese translations for various Vue libraries maintained by the official Vue team. It includes links to the Chinese documentation for these libraries as well as translations for libraries that do not have official multi-language support. The document serves as a centralized repository for these translations which are typically for smaller or less stable libraries.</p>
<h2>Features:</h2>
<ul>
<li><strong>Vue Loader</strong>: Translated Chinese documentation available.</li>
<li><strong>Vuex</strong>: Chinese documentation provided.</li>
<li><strong>Vue Router</strong>: Documentation translated into Chinese.</li>
<li><strong>Vue Test Utils</strong>: Chinese translation available.</li>
<li><strong>Vue SSR</strong>: Chinese documentation included.</li>
<li><strong>Vue CLI</strong>: Translated Chinese documentation.</li>
<li><strong>vue-rx</strong>: Chinese translation provided.</li>
<li><strong>VuePress</strong>: Documentation available in Chinese.</li>
</ul>
<h2>Summary:</h2>


<h2>Overview:</h2>
<p>Vue Router is a part of the Vue Ecosystem, an MIT-licensed open-source project that is compatible with Vue 2.0. It is actively developed through the support of sponsors and allows for easy routing in Vue.js applications.</p>
<h2>Features:</h2>
<ul>
<li><strong>MIT License</strong>: Vue Router is open source and available for free.</li>
<li><strong>Vue Ecosystem Compatibility</strong>: Works seamlessly with Vue 2.0.</li>
<li><strong>Active Development</strong>: Continuously developed and maintained with support from sponsors.</li>
<li><strong>Contribution Guidelines</strong>: Detailed contributing guide available for making pull requests.</li>
<li><strong>Changelog</strong>: Changes for each release are documented in the CHANGELOG.md file.</li>
<li><strong>Support Options</strong>: Discord chat server and official forum available for questions and support.</li>
<li><strong>One-time Donations</strong>: Option for one-time donations via PayPal to support the project.</li>
</ul>


<h2>Overview</h2>
<p>Vue Test Utils is a set of component testing utilities for Vue 2. It consists of two packages: Vue Test Utils and Vue Server Test Utils. These packages allow developers to efficiently test Vue components.</p>
<h2>Features</h2>
<ul>
<li><strong>Component Testing Utilities:</strong> Specifically designed for testing Vue components.</li>
<li><strong>Two Packages:</strong> Provides Vue Test Utils and Vue Server Test Utils for different testing scenarios.</li>
<li><strong>Peer Dependencies:</strong> Requires installation of vue-template-compiler that matches the Vue version being used for component compilation.</li>
</ul>
<h2>Summary</h2>
<p>Vue Test Utils is a valuable tool for Vue developers to conduct efficient and effective testing of their Vue components. By following the installation guide and utilizing the provided packages, developers can enhance the quality and reliability of their Vue applications.</p>


<h2>Overview</h2>
<p>Firebase for Vue is a powerful tool that simplifies the integration of Firebase with Vue.js. It is compatible with Vue.js versions 2.7 and above, including Vue 3. This tool supports both the Composition API and Options API, making it flexible for different development approaches. It also seamlessly integrates with popular state management libraries like Vuex and Pinia, and can work with any Vue ref() implementation. The package is designed to take advantage of Modular Firebase version 9, optimizing tree shaking and minimizing bundle size. Additionally, Firebase for Vue automatically listens for changes in nested references, providing real-time updates to your Vue components.</p>
<h2>Features</h2>
<ul>
<li><strong>Support for Vue 2.7+ and Vue 3</strong>: Firebase for Vue is compatible with both Vue.js versions, allowing developers to use the latest features and enhancements.</li>
<li><strong>Composition and Options API support</strong>: The tool accommodates different coding styles, supporting both the Composition API and Options API for Vue.js.</li>
<li><strong>Integration with Vuex, Pinia, and other Vue ref() implementations</strong>: Firebase for Vue seamlessly works with popular state management libraries, providing a smooth interaction between Firebase and your application's data store.</li>
<li><strong>Optimized for Modular Firebase >=9</strong>: The package is designed to take advantage of the latest version of Firebase, enabling optimal tree shaking and reducing bundle size.</li>
<li><strong>Real-time updates for nested references</strong>: Firebase for Vue automatically listens for changes in nested references, ensuring that your components are always up to date with the Firebase data.</li>
</ul>


<h2>Overview</h2>
<p>StatusVuePress is a static site generator (SSG) built on top of Vue 3 + Vite. It is currently in maintenance mode, with a next-gen Vue-based SSG called VitePress being recommended instead. The documentation for StatusVuePress can be found at <a href="https://vuepress.vuejs.org/">https://vuepress.vuejs.org/</a>. The project is open for contributions and provides resources for beginners. The project is licensed under MIT.</p>
<h2>Features</h2>
<ul>
<li>Vue-based static site generator</li>
<li>Built on top of Vue 3 + Vite</li>
<li>Next-gen Vue-based SSG called VitePress recommended</li>
</ul>


<h2>Overview</h2>
<p>The article discusses the transition of Vuex to Pinia as the new default state management library for Vue. Pinia offers similar or enhanced API compared to Vuex 5, making it a suitable choice for existing Vuex apps looking to migrate or new projects starting from scratch. The centralized store concept of Vuex, ensuring predictable state mutation, is maintained in Pinia.</p>
<h2>Features</h2>
<ul>
<li><strong>Pinia as Default</strong>: Pinia has become the new default state management library for Vue.</li>
<li><strong>API Compatibility</strong>: Pinia offers an API similar to or even better than Vuex 5.</li>
<li><strong>Support for Vue 2.x</strong>: Pinia is compatible with Vue 2.x.</li>
<li><strong>Coexistence with Vuex</strong>: Vuex and Pinia can coexist in the same project.</li>
<li><strong>Migration Support</strong>: Pinia is a suitable choice for migrating existing Vuex apps.</li>
<li><strong>Centralized Store</strong>: Both Vuex and Pinia serve as centralized stores for Vue components.</li>
<li><strong>Devtools Integration</strong>: Vuex and Pinia integrate with Vue's devtools extension for advanced debugging features.</li>
</ul>


Vuejs

Babel Plugin Jsx

Composition Api

Core

Vue Vapor

Devtools

Docs

Eslint Plugin Vue

Jp.vuejs.org

Jsx Vue2

Language Tools

Repl

Rollup Plugin Vue

Router

Test Utils

V2.cn.vuejs.org

V2.vuejs.org

Vetur

Vitepress

Vue

Vue Cli

Vue Docs Zh Cn

Vue Router

Vue Test Utils

Vuefire

Vuepress

Vuex