Vue SFC Parser Playground

{
  "filename": "component.vue",
  "template": {
    "type": "template",
    "content": "\n<h1>Vue SFC</h1>\n",
    "loc": {
      "source": "\n<h1>Vue SFC</h1>\n",
      "start": {
        "column": 11,
        "line": 1,
        "offset": 10
      },
      "end": {
        "column": 1,
        "line": 3,
        "offset": 28
      }
    },
    "attrs": {},
    "map": {
      "version": 3,
      "sources": [
        "component.vue"
      ],
      "names": [],
      "mappings": ";AACA",
      "file": "component.vue",
      "sourceRoot": "",
      "sourcesContent": [
        "<template>\n<h1>Vue SFC</h1>\n</template>\n\n<style>\nh1 {\ncolor: red;\n}\n</style>"
      ]
    }
  },
  "script": null,
  "styles": [
    {
      "type": "style",
      "content": "\nh1 {\ncolor: red;\n}\n",
      "loc": {
        "source": "\nh1 {\ncolor: red;\n}\n",
        "start": {
          "column": 8,
          "line": 5,
          "offset": 48
        },
        "end": {
          "column": 1,
          "line": 9,
          "offset": 68
        }
      },
      "attrs": {},
      "map": {
        "version": 3,
        "sources": [
          "component.vue"
        ],
        "names": [],
        "mappings": ";AAKA;AACA;AACA",
        "file": "component.vue",
        "sourceRoot": "",
        "sourcesContent": [
          "<template>\n<h1>Vue SFC</h1>\n</template>\n\n<style>\nh1 {\ncolor: red;\n}\n</style>"
        ]
      }
    }
  ],
  "customBlocks": []
}