{
    "Print AoDesignComponent TSX": {
      "scope": "typescriptreact",
      "prefix": "atsx",
      "body": [
        "import { defineComponent } from 'vue';",
        "import { getPrefixCls } from '../_utils/getPrefixCls';",
        "",
        "export default defineComponent({",
        "  name: '${1:AoComponent}',",
        "  props: {",
        "  },",
        "  emits: [],",
        "  setup(props, { slots, emit }) {",
        "    const prefixCls = getPrefixCls('${2:component}');",
        "    return () => (",
        "      <div class={prefixCls}>",
        "        {slots.default?.()}",
        "      </div>",
        "    );",
        "  }",
        "})"
      ]
    },
    "Print AoDesignComponent SCSS": {
        "scope": "scss",
        "prefix": "ascss",
        "body": [
          "@use '../_styles/_variables.scss' as *;",
          "@use 'sass:color';",
          "",
          "$${1:component}-prefix: #{$prefix}-${1:component};",
          "",
          ".#{${1:component}-prefix} {",
          "}"
        ]
      }
  }