Skip to content

README.md

Latest commit

 

History

History
75 lines (46 loc) · 1.82 KB

README.md

File metadata and controls

75 lines (46 loc) · 1.82 KB
Raw

Vue SFC Basic Language Pack for Fresh Editor

Lightweight Vue 3 Single File Component (SFC) support for the Fresh editor.

Preview 1: Vue SFC Highlighting

Vue SFC Highlighting

Preview 2: Package installation page

Vue SFC Package installes

Why this package exists

Fresh currently supports syntect-compatible grammars. Most Vue grammars rely on advanced Sublime/TextMate features and fail to parse.

This is intentionally a syntect-compatible basic grammar optimised for Fresh. It avoids advanced Sublime/TextMate constructs (extends, injections, etc.) that Fresh currently cannot parse reliably.

This package provides stable, Fresh-native Vue highlighting without dependencies.

Features

  • Syntax highlighting for .vue files:
    • <script> (TypeScript / JavaScript – lightweight tokenization)
    • <template> (HTML + Vue directives + mustache {{ ... }})
    • <style> (basic CSS scope)
  • LSP integration via Volar (vue-language-server)

Installation

LSP Setup (Volar)

Install the Vue language server globally:

npm i -g @vue/language-server typescript

Verify:

which vue-language-server

Vue Syntax from URL

In Fresh: Command Palette → Package: Install from URL

Use: https://github.com/unoctanium/fresh-vue-language

Then quit / restart fresh

Notes / Limitations

Fresh syntax highlighting is syntect-compatible, so grammars that rely on advanced Sublime features (e.g. extends) often fail to parse. This pack is intentionally self-contained.

Development

Validate:

./validate.sh

Test by installing from local path (recommended during development):

  • Command Palette → Package: Install from URL
  • Enter full path to the pack directory

Then check logs / warnings inside Fresh.