Uploaded image for project: 'SonarHTML'
  1. SonarHTML
  2. SONARHTML-83

Support Vue.js Single File Components

    XMLWordPrintable

    Details

    • Type: New Feature
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 3.2
    • Component/s: Parsing
    • Labels:
      None

      Description

      The structure of a .vue file following the Single File Components pattern is made of:

      <template>
      some HTML like here
      </template>
      
      <script>
      some JS code here
      </script>
      
      <style>
      some CSS here
      </style>
      

      SonarHTML should analyze the content of the <template> tag.
      The <script> is already analyzed by SonarJS thanks to SonarSource/SonarJS#576
      The <style> will be handled by SonarCSS: https://github.com/SonarSource/sonar-css/issues/109

      Example of OS projects relying on Vue.js: https://github.com/vuejs/awesome-vue#open-source
      File Example following the Single File Components pattern: https://github.com/Vuedo/vuedo/blob/master/resources/assets/js/components/Users.vue

        Attachments

          Activity

            People

            Assignee:
            yassin.kammoun Yassin Kammoun
            Reporter:
            alexandre.gigleux Alexandre Gigleux
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Dates

              Due:
              Created:
              Updated:
              Resolved: