<h2>Overview</h2>
<p>This product is a WYSIWYG editor for Vuetify based on tiptap, incorporating Vuetify's components. It offers features such as support for various types of icons, internationalization, markdown support, TypeScript support, custom image upload, and the ability to create and use custom extensions. The project is designed for Vuetify 1.x and 2.x users and provides an easy installation process for different scenarios like Nuxt.js or using npm.</p>
<h2>Features</h2>
<ul>
<li><strong>Vuetify Components:</strong> Utilizes Vuetify's components to enhance the editor's functionality.</li>
<li><strong>Internationalization:</strong> Supports multiple languages and automatically detects the current language through Vuetify.</li>
<li><strong>Markdown Support:</strong> Allows users to write and view markdown content within the editor.</li>
<li><strong>TypeScript Support:</strong> Provides TypeScript support for better code structure and type checking.</li>
<li><strong>Custom Image Upload:</strong> Enables users to upload images using their preferred method through Vue components.</li>
<li><strong>Custom Extensions:</strong> Users can create and use their own extensions to customize the editor further.</li>
<li><strong>Toolbar Customization:</strong> Allows users to choose where the extension buttons should be displayed: in the toolbar or bubble menus.</li>
</ul>
<h3>Get Started with NPM (ES Modules)</h3>
<pre><code class="language-bash">npm install package-name
</code></pre>
<h3>Adding Vuetify 2 from scratch</h3>
<pre><code class="language-javascript">import Vuetify from 'vuetify';
</code></pre>


<h2>Overview:</h2>
<p>The Vue Cool Select plugin is a flexible select component for Vue.js. It allows you to customize the component in various ways using props, slots, and events. The plugin supports autocomplete, keyboard controls, validation, different sizes, and the ability to set your own styles. It also provides two themes: Bootstrap 4 and Material Design. The plugin is compatible with TypeScript, supports tab navigation and server-side rendering, and automatically determines the suitable position for the menu if it goes beyond the viewport. Installation is straightforward using yarn or npm.</p>
<h2>Features:</h2>
<ul>
<li><strong>No dependencies</strong>: The plugin does not rely on any external dependencies, making it lightweight and easy to use.</li>
<li><strong>Customization</strong>: The plugin offers a wide range of props (30) that allow you to customize the component in various ways.</li>
<li><strong>Flexible content</strong>: Slots (13) allow you to easily change the content of the component anywhere.</li>
<li><strong>Event handling</strong>: The plugin provides 8 events to keep you informed about various actions and changes within the component.</li>
<li><strong>Autocomplete</strong>: The plugin supports autocomplete functionality, allowing you to use custom search and disable the search input if needed.</li>
<li><strong>Keyboard controls</strong>: Besides using arrow keys, you can control the component using keyboard shortcuts.</li>
<li><strong>Mobile device support</strong>: The plugin is designed to work smoothly on mobile devices.</li>
<li><strong>Validation and state</strong>: You can easily validate user input and display error or success states within the component.</li>
<li><strong>Size customization</strong>: The component can be displayed in both small and large sizes, similar to the Bootstrap framework.</li>
<li><strong>Custom styles</strong>: You have the ability to write your own CSS styles to completely customize the appearance of the component.</li>
<li><strong>Themes</strong>: The plugin offers two built-in themes: Bootstrap 4 and Material Design.</li>
<li><strong>TypeScript support</strong>: The plugin is compatible with TypeScript for easier integration and development.</li>
<li><strong>Tab navigation</strong>: The component supports navigation through tab key presses.</li>
<li><strong>Server-side rendering</strong>: The plugin is designed to work seamlessly with server-side rendering.</li>
<li><strong>Dynamic positioning</strong>: If the dropdown menu exceeds the viewport, the plugin automatically determines a suitable position.</li>
</ul>


Iliyazelenko

Tiptap Vuetify

Vue Cool Select