Git Product home page Git Product logo

alpinejs-syntax-highlight's Introduction

alpine-syntax-highlight

Javascript syntax highlighting for x- attribute values in html for Alpine JS

Supported Files

html php twig

Credit

Based off of textmate syntaxes from Vetur

alpinejs-syntax-highlight's People

Contributors

sperovita avatar

Stargazers

Damian Adams avatar Mohammad Heidari avatar  avatar  avatar  avatar Tim Loges avatar JD avatar Sergio Agosti avatar Thomas G. avatar

Watchers

 avatar Sergio Agosti avatar

alpinejs-syntax-highlight's Issues

Highlighting breaks on PHP 8.0 null-safe operator.

<livewire:forms.address
    :addressId="$customer->residenceAddress?->getKey()"
    :customerId="$customerId"
    :formKey="$formKey"
    type="Residence"
    wire:key="{{ $formKey }}"
/>

Screen Shot 2022-03-12 at 11 08 22 AM

Notice that the question mark in the addressId attribute breaks syntax highlighting for the remainder of the file.

How can I add support for other file extensions?

How can I add support for other file extensions? For example, the file extension PUG (jade). I can see that the highlight recognizes the Alpine syntax perfectly, when I select the HTML language in language mode. What do I need to change in package.json to make Alpinejs Syntax Highlight work with .pug files?

Django or Jinja2 support

Is it possible to use extension with Django or Jinja2 template HTML? In current version highlighting only work with HTML language mode, but not with Django or Jinja HTML

Syntax highlighting for `@event=` attributes not working on Laravel Blade files

This extension doesn't seem to be working with the Laravel Blade file type for VS Code. I use the extension shown below to highlight the rest of my Blade files, and I was hoping alpinejs-syntax-highlight would highlight all my AlpineJS attributes as well, but no dice. Is there a way I can add Blade files to its list of recognized file types?

Edit: There is an issue with highlighting Alpine code in Blade files โ€“ it doesn't seem to work on the @event= attribute format.

Name: Laravel Blade Snippets
Id: onecentlin.laravel-blade
Description: Laravel blade snippets and syntax highlight support
Version: 1.32.0
Publisher: Winnie Lin
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=onecentlin.laravel-blade

change colors or highlighting

Hi, not sure this is the right place to ask. But is there any way to change the color theme of just the alpine stuff? would be nice to change the background color or lower the opacity such to make the alpine blocks stand out.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.