[style] enforce vue block order in pre-commit

[christian-byrne]

Summary

Adds a pre-commit safeguard that reshuffles staged Vue files into our desired block order before linting, helping us adopt the pattern without touching the whole repo yet. After a while, we can merge the followup:

• [style] enforce vue block order #5674

Changes

• Hook Updated lint-staged.config.js so staged .vue files pass through eslint --fix with the docs → script → template → i18n → style block-order rule.
• Flow Kept the existing format + lint + typecheck steps, ensuring the new hook just adds ordering on top of the current pipeline.

Review Focus

• Validate the lint-staged command syntax (particularly the quoting around the inline rule).
• Confirm the hook only targets staged Vue files and leaves TS/JS handling unchanged.

┆Issue is synchronized with this Notion page by Unito

[github-actions]

🎭 Playwright Test Results

✅ All tests passed!

⏰ Completed at: 09/20/2025, 05:53:09 AM UTC

📈 Summary

• Total Tests: 454
• Passed: 425 ✅
• Failed: 0
• Flaky: 0
• Skipped: 29 ⏭️

📊 Test Reports by Browser

• ✅ chromium: View Report • ✅ 418 / ❌ 0 / ⚠️ 0 / ⏭️ 29
• ✅ chromium-2x: View Report • ✅ 2 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ chromium-0.5x: View Report • ✅ 1 / ❌ 0 / ⚠️ 0 / ⏭️ 0
• ✅ mobile-chrome: View Report • ✅ 4 / ❌ 0 / ⚠️ 0 / ⏭️ 0

---

🎉 Click on the links above to view detailed test results for each browser configuration.

[christian-byrne]

This is actually not necessary because we have an action that automatically applies lint fixes to commits - so I think we are good to close this and just merge

• [style] enforce vue block order #5674