feat: scopeId support

vuejs · Dec 16, 2019 · d9f932e · d9f932e
1 parent 4dad151
commit d9f932e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -160,6 +160,11 @@ const loader: webpack.loader.Loader = function(source) {
     // TODO custom blocks
   }
 
+  // attach scope Id for runtime use
+  if (hasScoped) {
+    code += `\nscript.__scopeId = "data-v-${id}"`
+  }
+
   if (needsHotReload) {
     code += `\nscript.__hmrId = "${id}"`
     code += genHotReloadCode(id, templateRequest)

diff --git a/src/templateLoader.ts b/src/templateLoader.ts
@@ -22,14 +22,16 @@ const TemplateLoader: webpack.loader.Loader = function(source, inMap) {
   // const isServer = loaderContext.target === 'node'
   // const isProduction = options.productionMode || loaderContext.minimize || process.env.NODE_ENV === 'production'
   const query = qs.parse(this.resourceQuery.slice(1))
-  const scopedId = query.scoped ? `data-v-${query.id}` : null
-  scopedId // TODO this is for SSR
+  const scopeId = query.scoped ? `data-v-${query.id}` : null
 
   const compiled = compileTemplate({
     source,
     filename: this.resourcePath,
     compiler: options.compiler,
-    compilerOptions: options.compilerOptions,
+    compilerOptions: {
+      ...options.compilerOptions,
+      scopeId
+    },
     transformAssetUrls: options.transformAssetUrls || true
   })