Datastar

Datastar syntax definitions and completions for Sublime Text based on its HTML and PHP syntaxes.

Datastar helps you build reactive web applications with the simplicity of server-side rendering and the power of a full-stack SPA framework.

Installation

Package Control

The easiest way to install is using Package Control. It's listed as Datastar.

1. Open Command Palette using ctrl+shift+P or menu item Tools → Command Palette...
2. Choose Package Control: Install Package
3. Find Datastar and hit Enter

Manual Install

1. Download appropriate Datastar.sublime-package for your Sublime Text build.
2. Rename it to Datastar.sublime-package
3. Copy it into Installed Packages directory

Note

To find Installed Packages...

1. call Menu > Preferences > Browse Packages..
2. Navigate to parent folder

Requirements

• requires Sublime Text 4152+

Supported Frameworks

Astro

Datastar can be combined with Astro.

Just create a HTML (Astro, Datastar).sublime-syntax with following content in your User package.

%YAML 1.2
---
# http://www.sublimetext.com/docs/syntax.html
name: HTML (Astro, Datastar)
scope: text.html.Astro.Datastar
version: 2

extends:
  - Packages/Datastar/HTML (Datastar).sublime-syntax
  - Packages/Astro/Syntaxes/HTML (Astro).sublime-syntax

Laravel Blade

Datastar can be combined with Laravel Blade v2.0.0+.

Just create a HTML (Blade, Datastar).sublime-syntax with following content in your User package.

%YAML 1.2
---
# http://www.sublimetext.com/docs/syntax.html
name: HTML (Blade, Datastar)
scope: text.html.blade.Datastar
version: 2

extends:
  - Packages/Datastar/PHP (Datastar).sublime-syntax
  - Packages/Laravel Blade/Syntaxes/HTML (Blade).sublime-syntax

Elixir HEEx

Datastar can be combined with ElixirSyntax.

Just create a HTML (HEEx, Datastar).sublime-syntax with following content in your User package.

%YAML 1.2
---
# http://www.sublimetext.com/docs/syntax.html
name: HTML (HEEx, Datastar)
scope: text.html.heex.Datastar
version: 2

extends:
  - Packages/Datastar/HTML (Datastar).sublime-syntax
  - Packages/ElixirSyntax/syntaxes/HTML (HEEx).sublime-syntax