Use addWatchFile and move it to transform

Make same as rollup-plugin-vue

Author: Kolobok12309

packages/plugin-vue/src/index.ts

@@ -330,9 +330,6 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
       // select corresponding block for sub-part virtual modules
       if (query.vue) {
         if (query.src) {
-          if (options.value.devServer?.watcher) {
-            options.value.devServer.watcher.add(filename)
-          }
           return fs.readFileSync(filename, 'utf-8')
         }
         const descriptor = getDescriptor(filename, options.value)!
@@ -390,6 +387,10 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
             getTempSrcDescriptor(filename, query)
           : getDescriptor(filename, options.value)!
 
+        if (query.src) {
+          this.addWatchFile(filename)
+        }
+
         if (query.type === 'template') {
           return transformTemplateAsModule(
             code,