WIP feat: support vue

.prettierignore

@@ -1,3 +1,4 @@
 dist
 compiled
-*.yaml
+*.yaml
+node_modules

bin/father.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 
-require('v8-compile-cache');
+// require('v8-compile-cache');
 require('../dist/cli/cli')
   .run()
   .catch((e) => {

examples/with-vue/.fatherrc.ts

@@ -2,13 +2,13 @@ import { defineConfig } from 'father';
 import path from 'path';
 
 export default defineConfig({
-  // esm: {},
+  esm: {},
   // cjs: {},
-  umd: {
-    externals: {
-      vue: 'vue',
-    },
-  },
+  // umd: {
+  //   externals: {
+  //     vue: 'vue',
+  //   },
+  // },
   alias: {
     '@': path.resolve(__dirname, './src'),
   },

examples/with-vue/package.json

@@ -1,6 +1,6 @@
 {
   "scripts": {
-    "build": "father build",
+    "build": "rm -rf ./node_modules/.cache && father build",
     "build:no-clean": "father build --no-clean",
     "dev": "father dev",
     "doctor": "father doctor",

examples/with-vue/src/A.tsx

@@ -1,4 +1,4 @@
-import ElEmpty from './Empty.vue';
+import ElEmpty from './Empty.vue.b';
 import type { CSSProperties, FunctionalComponent } from 'vue';
 
 type EmptyRendererProps = {

examples/with-vue/src/Empty.vue

@@ -18,11 +18,21 @@
 
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { emptyProps } from './empty';
+// import { emptyProps } from './empty';
 
 import type { CSSProperties } from 'vue';
 
-const props = defineProps(emptyProps);
+const props = defineProps({
+  image: {
+    type: String,
+    default: '',
+  },
+  imageSize: Number,
+  description: {
+    type: String,
+    default: '',
+  },
+});
 
 const emptyDescription = computed(() => props.description);
 const imageStyle = computed<CSSProperties>(() => ({

examples/with-vue/src/index.ts

@@ -1,9 +1,11 @@
 import Hello from './Hello.vue';
+import Empty from './Empty.vue';
 import A from '@/A';
 import Content from '@/Content';
 
 export default {
   Hello,
+  Empty,
   A,
   Content,
 };