ssr directives

src/compiler/codegen.js

@@ -163,7 +163,7 @@ function genDirectives (el) {
     }
     if (needRuntime) {
       hasRuntime = true
-      res += `{def:__resolveDirective__("${dir.name}")${
+      res += `{name:"${dir.name}",def:__resolveDirective__("${dir.name}")${
         dir.value ? `,value:(${dir.value})` : ''
       }${
         dir.arg ? `,arg:"${dir.arg}"` : ''

src/platforms/web/server/create-renderer.js

@@ -44,12 +44,12 @@ export function createComponentRenderer (options = {}) {
       // check directives
       const dirs = node.data.directives
       if (dirs) {
-        for (let key in dirs) {
-          let dir = directives[key]
-          if (dir) {
+        for (let i = 0; i < dirs.length; i++) {
+          let dirRenderer = directives[dirs[i].name]
+          if (dirRenderer) {
             // directives mutate the node's data
             // which then gets rendered by modules
-            dir(node)
+            dirRenderer(node, dirs[i])
           }
         }
       }

src/platforms/web/server/directives/show.js

@@ -0,0 +1,5 @@
+export default function show (node, dir) {
+  if (!dir.value) {
+    (node.data.style || (node.data.style = {})).display = 'none'
+  }
+}

src/platforms/web/server/modules/attrs.js

@@ -0,0 +1,3 @@
+export default function renderAttrs () {
+
+}

src/platforms/web/server/modules/class.js

@@ -0,0 +1,3 @@
+export default function renderClass () {
+
+}

src/platforms/web/server/modules/style.js

@@ -0,0 +1,9 @@
+import { hyphenate } from 'shared/util'
+
+export default function renderStyle (styles) {
+  let res = 'style="'
+  for (let key in styles) {
+    res += `${hyphenate(key)}:${styles[key]};`
+  }
+  return res + '"'
+}