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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -68,17 +68,17 @@ Built-in support for `<style lang="scss">`. No config required. Just design.
68
68
  MulanJS components (`.mujs`) allow you to write powerful, reactive UI with minimal boilerplate.
69
69
 
70
70
  ```html
71
- <script setup lang="ts">
71
+ <mu>
72
+ // The <mu> tag is the new, powerful replacement for <script setup lang="ts">
72
73
  import { muState } from 'mulanjs';
73
74
 
74
- // Create reactive state
75
- const state = muState({ count: 0 });
75
+ // Create reactive state natively
76
+ state = muState({ count: 0 });
76
77
 
77
- const debugClick = () => {
78
+ debugClick()
78
79
  console.log('Button clicked! Current count:', state.count);
79
80
  state.count++;
80
- }
81
- </script>
81
+ </mu>
82
82
 
83
83
  <mu-template>
84
84
  <div class="page">
@@ -88,8 +88,8 @@ const debugClick = () => {
88
88
 
89
89
  <div class="counter-box">
90
90
  <p>Interactive Counter:</p>
91
- <!-- Native Event Binding -->
92
- <button class="mu-btn" @click="debugClick()">
91
+ <!-- Native Mulan Event Binding -->
92
+ <button class="mu-btn" mu-click="debugClick()">
93
93
  Count is: ${state.count}
94
94
  </button>
95
95
  </div>
@@ -125,6 +125,7 @@ p { font-size: 1.2rem; color: #888; max-width: 600px; margin: 0 auto 40px; }
125
125
  }
126
126
  </style>
127
127
  ```
128
+ *(Note: MulanJS still retains 100% backward compatibility with standard `<script setup lang="ts">` and `<template>` tags).*
128
129
 
129
130
  ## Created By
130
131
  **Nitin Kumar** (@nitinkumardev09) - *Creator of .mujs & MulanJS Framework*
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mulanjs/mulanjs",
3
- "version": "1.0.1-dev.20260309125238",
3
+ "version": "1.0.1-dev.20260310065102",
4
4
  "description": "A powerful, secure, and enterprise-grade JavaScript framework.",
5
5
  "main": "dist/mulan.js",
6
6
  "module": "dist/mulan.esm.js",
package/src/cli/index.js CHANGED
@@ -494,7 +494,7 @@ if (app) {
494
494
 
495
495
  // Auto-install VS Code Extension
496
496
  try {
497
- const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.0.vsix');
497
+ const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.1.vsix');
498
498
  if (fs.existsSync(vsixPath)) {
499
499
  console.log('\n📦 Installing MulanJS VS Code Extension...');
500
500
  shell(`code --install-extension "${vsixPath}" --force`);
@@ -606,7 +606,7 @@ program
606
606
  console.log('📦 Locating MulanJS VS Code Extension...');
607
607
  try {
608
608
  // Find where mulanjs is installed. If run via npx, __dirname is the cli folder.
609
- const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.0.vsix');
609
+ const vsixPath = path.join(__dirname, 'extensions', 'mulanjs-vscode-1.0.1.vsix');
610
610
 
611
611
  if (!fs.existsSync(vsixPath)) {
612
612
  console.error('❌ Error: Extension file not found at:', vsixPath);