unplugin · ErKeLost · Nov 25, 2024 · Nov 28, 2024 · Nov 29, 2024 · Nov 29, 2024
diff --git a/examples/farm/farm.config.ts b/examples/farm/farm.config.ts
@@ -0,0 +1,32 @@
+// import Vue from "unplugin-vue/vite";
+import fs from 'node:fs'
+import { defineConfig } from '@farmfe/core'
+import Vue from 'unplugin-vue/farm'
+
+export default defineConfig({
+  plugins: [Vue(), base()],
+  // vitePlugins: [Vue()],
+  compilation: {
+    progress: false,
+    persistentCache: false
+  },
+})
+
+function base() {
+  return {
+    name: 'farm-load-vue-module-type',
+    priority: -100,
+    load: {
+      filters: {
+        resolvedPaths: ['.vue'],
+      },
+      executor: (param) => {
+        const content = fs.readFileSync(param.resolvedPath, 'utf-8')
+        return {
+          content,
+          moduleType: 'js',
+        }
+      },
+    },
+  }
+}
diff --git a/examples/farm/index.html b/examples/farm/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
+  <title>Farm + Vue3 + TS</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script src="./src/main.ts"></script>
+</body>
+
+</html>
diff --git a/examples/farm/package.json b/examples/farm/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "farm-vue",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "farm start",
+    "start": "farm start",
+    "build": "farm build",
+    "preview": "farm preview",
+    "clean": "farm clean"
+  },
+  "dependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@farmfe/cli": "/Users/adny/rust/farm/packages/cli",
+    "@farmfe/core": "/Users/adny/rust/farm/packages/core",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "core-js": "^3.30.1",
+    "unplugin-vue": "workspace:*"
+  }
+}
diff --git a/examples/farm/public/favicon.ico b/examples/farm/public/favicon.ico
diff --git a/examples/farm/src/App.vue b/examples/farm/src/App.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+const msg = ref('')
+</script>
+
+<template>
+  <div>
+    <h1>Hello world</h1>
+    <h2>{{ msg }}</h2>
+    <input v-model="msg" type="text" />
+  </div>
+</template>
diff --git a/examples/farm/src/main.ts b/examples/farm/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/examples/farm/tsconfig.json b/examples/farm/tsconfig.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
+}
diff --git a/package.json b/package.json
@@ -59,6 +59,10 @@
       "require": "./dist/esbuild.cjs",
       "import": "./dist/esbuild.js"
     },
+    "./farm": {
+      "require": "./dist/farm.cjs",
+      "import": "./dist/farm.js"
+    },
     "./api": {
       "require": "./dist/api.cjs",
       "import": "./dist/api.js"
@@ -86,9 +90,10 @@
     "vue": "^3.2.25"
   },
   "dependencies": {
+    "@farmfe/core": "/Users/adny/rust/farm/packages/core",
     "@vue/reactivity": "^3.5.13",
     "debug": "^4.3.7",
-    "unplugin": "^1.16.0",
+    "unplugin": "/Users/adny/typescript/unplugin",
     "vite": "^6.0.0"
   },
   "devDependencies": {