chore(web stack): add new ESLint Vue rules #5

[ByScripts]

Description

• Better ESLint configuration for Core/6/Lite projects.

• Group rules by sections

• Reorder rules alphabetically

• Updated no-void rules to re-enable it, while allowing void as statement

• Changed "Vue 3 Recommended" rules from warn to error

• vue/attribute-hyphenation

  Enforces the use of hyphenated attribute names in templates.

• vue/component-definition-name-casing

  Ensures PascalCase casing for component definition names.

• vue/first-attribute-linebreak

  Enforces the location of the first attribute on a new line when multiline.

• vue/html-closing-bracket-newline

  Enforces a newline before the closing bracket in a multiline element.
  Forbids a newline before the closing bracket in a singleline element.

• vue/html-closing-bracket-spacing (disabled, conflicts with Prettier)

  Enforces spacing before > in self-closing tag (e.g. ✅ <div />, ❌ <div/>)
  Forbids spacing before > in other tags (e.g. ✅ <div>, ❌ <div >)

• vue/html-end-tags

  Enforces end tags in templates.

• vue/html-indent (disabled, conflicts with Prettier)

  Enforces consistent indentation in <template>.

• vue/html-quotes

  Enforces double-quotes for HTML attributes.

• vue/html-self-closing

  Enforces self-closing style for empty components and HTML elements (e.g. ✅ <MyComponent />)
  Forbid self-closing style for void elements (e.g. ✅ <img>, ❌ <img />)

• vue/max-attributes-per-line ({ singleline: 3, multiline: 1 }) (disabled, conflicts with Prettier)

  Limits the number of attributes per line to improve readability.

• vue/multiline-html-element-content-newline

  Requires a line break before and after the content of multiline elements.

• vue/mustache-interpolation-spacing

  Enforces 1 space around mustache interpolations (e.g. ✅ {{ foo }}, ❌ {{foo}})

• vue/no-multi-spaces

  Disallows multiple spaces in templates (e.g. ✅ <div class="x">, ❌ <div class="x">)

• vue/no-spaces-around-equal-signs-in-attribute

  Disallows spaces around equal signs in attribute assignments (❌ <div class = "x">)

• vue/no-template-shadow

  Prevents variable declarations from shadowing variables declared in the outer scope in template

  <!-- ✅ -->
  <div v-for="foo of x">
      <div v-for="bar of y" />
  </div>
  
  <!-- ❌ -->
  <div v-for="foo of x">
      <div v-for="foo of y" />
  </div>

• vue/prop-name-casing

  Enforces camelCase naming for props.

• vue/require-explicit-emits

  Requires explicitly defining emitted events in a component.

• vue/require-prop-types

  Requires type definitions in props.

• vue/v-bind-style

  Enforces short v-bind directive style (✅ :foo="foo", ❌ v-bind:foo="foo").

• vue/v-on-event-hyphenation

  Enforces hyphenated naming style for custom event names in v-on.

• vue/v-on-style

  Enforces short v-on directive style (✅ @foo="handle()", ❌ v-on:foo="handle()").

• vue/v-slot-style

  Enforces consistent v-slot directive style.

• vue/attributes-order

  Enforces a specific order for attributes.

• vue/no-lone-template

  Disallows unnecessary <template> tags.

  <template>
    <div>
      Foo
      <!-- ❌ -->
      <template>
        Bar
      </template>
    </div>
  </template>

• vue/no-multiple-slot-args

  Disallows multiple slot arguments

• vue/no-v-html

  Disallows the use of v-html to prevent XSS vulnerabilities.

• vue/this-in-template

  Disallows usage of this in templates.

Checklist

• Commit
  • Title follows commit conventions
  • Reference the relevant issue (Fixes #007, See xoa-support#42, See https://...)
  • If bug fix, add Introduced by
• Changelog
  • If visible by XOA users, add changelog entry
  • Update "Packages to release" in CHANGELOG.unreleased.md
• PR
  • If UI changes, add screenshots
  • If not finished or not tested, open as Draft

[ByScripts]

@pdonias @MathieuRA Can you merge? Thanks.