TypeScript icon, indicating that this package has built-in type declarations

2.5.5 • Public • Published

Grammarly Text Editor SDK for Vue

Add Grammarly's real-time writing support to your app with just a few lines of code.

A code snippet shows how to add the Grammarly Text Editor Plugin to a textarea. Then an animation of a user accepting a Grammarly suggestion in a chat app appears.

This package is designed for Vue apps. Visit @grammarly/editor-sdk for our package for vanilla JavaScript apps and @grammarly/editor-sdk-react for our package for React apps.

Getting started

Here's how to get started:

  1. Create a new Grammarly for Developers app

  2. Install the Grammarly Text Editor SDK:

    npm install @grammarly/editor-sdk-vue
  3. Add the Grammarly Text Editor Plugin to your text editors by wrapping them with the GrammarlyEditorPlugin component:

    Vue 3

    <script setup>
    import { GrammarlyEditorPlugin } from "@grammarly/editor-sdk-vue";
      <GrammarlyEditorPlugin clientId="YOUR_CLIENT_ID">

    Vue 2

    import { GrammarlyEditorPlugin } from "@grammarly/editor-sdk-vue/v2";
    export default {
      components: { GrammarlyEditorPlugin },
      <GrammarlyEditorPlugin clientId="YOUR_CLIENT_ID">

Learn more

If you'd like to learn more about what you can do with the SDK and how you can customize the plugin for your app, visit:

Ask a question

If you want to ask a question, share a suggestion, or chat about how you're using the Grammarly Text Editor SDK in your app, join us in the Grammarly for Developers community on GitHub.

Package Sidebar


npm i @grammarly/editor-sdk-vue

Weekly Downloads






Unpacked Size

44.4 kB

Total Files


Last publish


  • bgschiller
  • grammarly-npm-admin
  • grammarly-npm-ci
  • gr_artifactory
  • it_grammarly
  • michael.chernetsov
  • rahul.kadyan
  • dhirtle