cmp-datastar

Neovim completion source for Datastar data-* attributes.

Features

• Provides completions for all Data* attributes
• Context-aware completions for data-on events
• Snippet support for attribute values
• Only triggers within HTML tag attributes
• Default rocket icon (🚀) for better visibility

Installation

Using lazy.nvim

{
    "hrsh7th/nvim-cmp",
    dependencies = {
        "YuryKL/cmp-datastar"
    },
    config = function()
        local cmp = require('cmp')
        cmp.setup({
            -- Required: Add cmp-datastar as a source
            sources = {
                { name = "cmp-datastar" }
            },
            -- Optional: Customize the completion menu icon
            formatting = {
                format = function(entry, vim_item)
                    if entry.source.name == 'cmp-datastar' then
                        vim_item.kind = '🚀'  -- Change this to text if you prefer
                    end
                    return vim_item
                end,
            }
        })
    end
}

Using packer.nvim

use {
    'hrsh7th/nvim-cmp',
    requires = {
        'YuryKL/cmp-datastar'
    },
    config = function()
        local cmp = require('cmp')
        cmp.setup({
            sources = {
                { name = "cmp-datastar" }
            }
        })
    end
}

Usage

In an HTML file, start typing a Datastar attribute:

• data- - Shows all available Datastar attributes
• data-on- - Shows available events (click, keydown, etc.)
• data-on-click - Completes with snippet for expression

Contributing

Pull requests are welcome!

License

MIT