u

code/base-project/base-vue/.vscode/vue3.code-snippets

@@ -1,39 +1,59 @@
 {
-    "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} {",
-          "}"
-        ]
-      }
+  "Vue3 SFC with SCSS": {
+    "prefix": "v3",
+    "scope": "vue",
+    "body": [
+      "<script setup lang=\"ts\">",
+      "",
+      "</script>",
+      "",
+      "<template>",
+      "  <div>",
+      "    ${1:content}",
+      "  </div>",
+      "</template>",
+      "",
+      "<style lang=\"scss\" scoped>",
+      "${2}",
+      "</style>"
+    ],
+    "description": "Vue 3 SFC template with SCSS (script setup, TypeScript)"
+  },
+  "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} {",
+      "}"
+    ]
   }
+}