feat: support transform script

Author: a145789

example/src/App.vue

@@ -1,15 +1,21 @@
 <script lang="ts">
 import { defineComponent } from 'vue'
+import Home from "./views/Home.vue"
+import NotFound from "./views/404.vue"
+import NoPermission from "./views/401.vue"
 export default defineComponent({
-    directives: {
-
+    name: 'App',
+    components: {
+        Home,
+        NotFound,
+        NoPermission
     },
-    setup(props, item) {
-
+    setup() {
+        return {}
     }
 })
 </script>
 
 <template>
-    <div>Home</div>
-</template>
+    <div>App</div>
+</template>

example/src/views/401.vue

@@ -0,0 +1,33 @@
+<script lang="ts">
+import { defineComponent, PropType, ref } from "vue"
+import Header from "../components/Header.vue"
+import Tab from "../components/Tab.vue"
+import touchdir from "vtouchdir"
+export default defineComponent({
+  name: 'App',
+  components: {
+    Header,
+    Tab,
+  },
+  directives: {
+    force: {},
+    touchdir,
+  },
+  props: {
+    items: Array as PropType<number[]>
+  },
+  emit: ["click"],
+  setup(props, { emit, attrs, slots: mySlots, expose }) {
+    const bar = ref(0)
+    expose({ bar })
+    emit("change");
+    return {
+      bar
+    }
+  }
+})
+</script>
+
+<template>
+  <div>App</div>
+</template>

example/src/views/Home.vue

@@ -0,0 +1,38 @@
+<script lang="ts">
+import { PropType, ref, watch } from 'vue'
+import Header from "../components/Header.vue"
+import Tab from "../components/Tab.vue"
+export default ({
+  name: 'Home',
+  components: {
+    Header,
+    Tab,
+  },
+  props: {
+    source: {
+      type: String as PropType<"Main" | "visitor">
+    },
+    showTable: Boolean,
+    maxLimit: {
+      type: Number,
+      default: 0
+    },
+    time: {
+      type: Date,
+      required: true
+    }
+  },
+  setup(theProps) {
+    const foo = ref(0)
+
+    watch(() => theProps.maxLimit, (value) => {
+      foo.value = value
+    })
+    return { foo }
+  }
+})
+</script>
+
+<template>
+  <div>App</div>
+</template>

src/constants.ts

@@ -9,12 +9,28 @@ export const enum FileType {
   ts,
 }
 
+export interface DefaultOption {
+  propsNotOnlyTs?: boolean;
+  notUseNewFile?: boolean;
+  path: {
+    [key: string]:
+      | string
+      | string[]
+      | {
+          mode: "*" | "**";
+          excludes: string | string[];
+        };
+  };
+}
+
+export type CommandsOption = Omit<DefaultOption, "path">;
 export interface Config {
   fileType: FileType;
   script: string;
   offset: number;
-  setupScript?: string;
   fileAbsolutePath: string;
+  propsNotOnlyTs?: boolean;
+  setupScript?: string;
 }
 
 export const parseOption = {
@@ -24,3 +40,6 @@ export const parseOption = {
 } as ParseOptions;
 
 export type SetupAst = ArrowFunctionExpression | MethodProperty;
+
+export const USE_ATTRS = "useAttrs" as const;
+export const USE_SLOTS = "useSlots" as const;

src/index.ts

@@ -1,6 +1,7 @@
 import { findUpSync } from "find-up";
-import { getTheFileAbsolutePath, useConfigPath } from "./utils";
-import { parseSfc } from "./parse/parser";
+import { getTheFileAbsolutePath, output, useConfigPath } from "./utils";
+import { parseSfc } from "./transform";
+import { CommandsOption } from "./constants";
 
 const CONFIG_FILE_NAME = "tosetup.config" as const;
 
@@ -9,11 +10,21 @@ async function setup() {
 
   let { pathNames, commands } = argv.reduce<{
     pathNames: string[];
-    commands: string[];
+    commands: CommandsOption;
   }>(
     (p, c) => {
       if (c.startsWith("--")) {
-        p.commands.push(c);
+        switch (c.split("--")[1] as keyof typeof p.commands) {
+          case "propsNotOnlyTs":
+            p.commands.propsNotOnlyTs = true;
+            break;
+          case "notUseNewFile":
+            p.commands.notUseNewFile = true;
+            break;
+
+          default:
+            break;
+        }
         return p;
       }
 
@@ -24,22 +35,26 @@ async function setup() {
 
       return p;
     },
-    { pathNames: [], commands: [] },
+    { pathNames: [], commands: {} },
   );
 
   if (!pathNames.length) {
     const configPath = findUpSync(CONFIG_FILE_NAME);
     if (!configPath) {
-      console.error(
+      output.error(
         `Please enter a file path or use a ${CONFIG_FILE_NAME} file.`,
       );
       process.exit(1);
     }
 
-    pathNames = await useConfigPath(CONFIG_FILE_NAME);
+    const config = await useConfigPath(CONFIG_FILE_NAME);
+
+    pathNames = config.pathNames;
+
+    commands = { ...commands, ...config.option };
   }
 
-  parseSfc(pathNames);
+  parseSfc(pathNames, commands);
 }
 
 setup();