@mulanjs/mulanjs 1.0.1-dev.20260310065102 → 1.0.1-dev.20260310071649

package/README.md

@@ -67,7 +67,7 @@ Built-in support for `<style lang="scss">`. No config required. Just design.
 
 MulanJS components (`.mujs`) allow you to write powerful, reactive UI with minimal boilerplate.
 
-```html
+```javascript
 <mu>
 // The <mu> tag is the new, powerful replacement for <script setup lang="ts">
 import { muState } from 'mulanjs';
@@ -79,6 +79,8 @@ debugClick() →
     console.log('Button clicked! Current count:', state.count);
     state.count++;
 </mu>
+```
+```html
 
 <mu-template>
   <div class="page">
@@ -96,7 +98,8 @@ debugClick() →
     </div>
   </div>
 </mu-template>
-
+```
+```css
 <style scoped>
 .page { padding: 60px 20px; text-align: center; }
 h1 { 

package/dist/compiler/ast-parser.js

@@ -319,7 +319,22 @@ function parseTag(content) {
             }
         }
         else if (key) {
-            props[key] = value;
+            let finalKey = key;
+            let finalValue = value;
+            // Alias: mu-bind:attr="val" or :attr="val" -> translates to native MulanJS attr="${val}"
+            if (key.startsWith('mu-bind:')) {
+                finalKey = key.slice(8);
+                finalValue = `\${${value}}`;
+            }
+            else if (key.startsWith(':')) {
+                finalKey = key.slice(1);
+                finalValue = `\${${value}}`;
+            }
+            // Alias: mu-on:event="func()" -> translates to native @event
+            else if (key.startsWith('mu-on:')) {
+                finalKey = '@' + key.slice(6);
+            }
+            props[finalKey] = finalValue;
         }
     }
     return { tag, props, directives };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mulanjs/mulanjs",
-    "version": "1.0.1-dev.20260310065102",
+    "version": "1.0.1-dev.20260310071649",
     "description": "A powerful, secure, and enterprise-grade JavaScript framework.",
     "main": "dist/mulan.js",
     "module": "dist/mulan.esm.js",

package/src/compiler/ast-parser.ts

@@ -369,7 +369,23 @@ export function parseTag(content: string) {
                 directives.vFor = { item: item.trim(), list: list.trim() };
             }
         } else if (key) {
-            props[key] = value;
+            let finalKey = key;
+            let finalValue = value;
+
+            // Alias: mu-bind:attr="val" or :attr="val" -> translates to native MulanJS attr="${val}"
+            if (key.startsWith('mu-bind:')) {
+                finalKey = key.slice(8);
+                finalValue = `\${${value}}`;
+            } else if (key.startsWith(':')) {
+                finalKey = key.slice(1);
+                finalValue = `\${${value}}`;
+            }
+            // Alias: mu-on:event="func()" -> translates to native @event
+            else if (key.startsWith('mu-on:')) {
+                finalKey = '@' + key.slice(6);
+            }
+
+            props[finalKey] = finalValue;
         }
     }