Vue syntax highlighting isn't working

[artenderrr]

Description

As the title states, Vue syntax highlighting is broken. I first encountered this problem when there was no ~/.config/micro/syntax, so the editor was using the default syntax file.

What I've tried

1. Installed vue.yaml (the one from the repository's micro/runtime/syntax) into ~/.config/micro/syntax.
   • Result: Opening any .vue file raises Error parsing syntax file vue: interface conversion: interface {} is nil, not []interface {} twice. After the file finally opens, no syntax highlighting is applied.
2. Created my own vue.yaml (see Additional Information).
   • Result: The - include rule does not work as expected: for example, import { ref } from "vue" is not highlighted, even though other lines in the same <script> block are. In plain .js files, there is no such behavior. A similar issue appears in the <template> block, while the <style> block is highlighted correctly. A screenshot is provided in Additional Information.

Environment

• OS: macOS Sequoia 15.0
• Terminal emulator: Alacritty
• Micro version: 2.0.14
• Shell: zsh

Additional information

1. Syntax highlighting with no custom vue.yaml.

2. Contents of my custom vue.yaml.

filetype: vue

detect:
    filename: "\\.vue$"

rules:
    - default:
        start: "<script.*?>"
        end: "</script>"
        rules:
            - include: "javascript"

    - default:
        start: "<template>"
        end: "</template>"
        rules:
            - include: "html"

    - default:
        start: "<style.*?>"
        end: "</style>"
        rules:
            - include: "css"

3. Syntax highlighting with the custom vue.yaml.

4. Vue code snippet used above — may be useful for quick reproduction.

<script setup>
import { ref } from "vue";

const count = ref(0);
</script>

<template>
	<p>{{ count }}</p>
	<button @click="count++">Increment</button>
</template>

<style>
html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: system-ui;
	font-size: 2rem;
}

#app {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
</style>

[janxkoci]

I have all syntax highlighting broken on a system installed last week.

• Debian 12
• mamba 1.5.2, conda-forge channel
• micro 2.0.14 (reported by mamba)
  • 0.0.0-unknown (reported by micro)

PS: I'll check conda-forge too, that version reported by micro is super fishy.

PPS: Using official binary installer script works fine. Sorry for the spam.

[Andriamanitra]

#3127 seems to fix (at least most of) these problems.

The error you were getting about parsing syntax file is explained here: #3695 (comment)

[artenderrr]

#3127 seems to fix (at least most of) these problems.

I've tried building JoeKar's repository from source. After that, the Error parsing syntax file vue: interface conversion: interface {} is nil, not []interface {} no longer appears when opening .vue files using the vue.yaml from micro/runtime/syntax. However, the syntax highlighting remains unchanged and still doesn't apply correctly, as shown in my first screenshot.

[Andriamanitra]

#3127 seems to fix (at least most of) these problems.

I've tried building JoeKar's repository from source. After that, the Error parsing syntax file vue: interface conversion: interface {} is nil, not []interface {} no longer appears when opening .vue files using the vue.yaml from micro/runtime/syntax. However, the syntax highlighting remains unchanged and still doesn't apply correctly, as shown in my first screenshot.

Are you sure you built from the right branch? This is what it looks like for me:

$ ./micro -version
Version: 2.0.15-dev.208
Commit hash: db7581ce
Compiled on April 21, 2025

$ ./micro -config-dir /tmp ../t.vue

[artenderrr]

Are you sure you built from the right branch?

Yes, initially I built from the wrong branch. Now I've built from feature/perf-highlighting, and it finally works! Thank you for your help!