@srejs/vue-next

.vscode/launch.json

@@ -67,17 +67,17 @@
         {
             "type": "node",
             "request": "launch",
-            "name": "vue dev",
+            "name": "vue3 start",
             "runtimeExecutable": "npm",
             "runtimeArgs": [
                 "run-script",
-                "dev"
+                "start"
             ],
             "port": 9229,
             "skipFiles": [
                 "<node_internals>/**"
             ],
-            "cwd": "${workspaceRoot}/packages/app-vue",
+            "cwd": "${workspaceRoot}/packages/app-vue-next",
         },
     ]
 }

example/uma-css-module/web/global.d.ts

@@ -5,4 +5,15 @@ declare global {
   }
 }
 
+declare module '*.module.less' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.scss' {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module 'react-dom'
 export {};

package.json

@@ -6,10 +6,15 @@
     "prepublish": "npm run test && lerna run lint && lerna run build",
     "publish": "lerna publish",
     "watch":"lerna run watch",
-    "postinstall": "npm run lint && npx checker-init && npm run init && npm run linkReact && npm run linkReactDom && npm run linkReactRouter && cd packages/app && npm run link",
+    "postinstall": "npm run lint && npx checker-init && npm run init && npm run linkReact && npm run linkReactDom && npm run linkReactRouter && npm run linkVue  && npm run linkApp && npm run linkVueNext",
+    "linkApp": "cd packages/app && npm run link ",
+    "linkVueNext": "cd packages/vue-next && npm run link ",
     "linkReact": "cd packages/react/node_modules/react && yarn link",
     "linkReactDom": "cd packages/react/node_modules/react-dom && yarn link",
     "linkReactRouter": "cd packages/react/node_modules/react-router-dom && yarn link",
+    "linkVue": "cd packages/app-vue-next/node_modules/vue && yarn link",
+    "linkVuex": "cd packages/app-vue-next/node_modules/vuex && yarn link",
+    "linkVueRouter": "cd packages/app-vue-next/node_modules/vue-router && yarn link",
     "lint": "eslint packages/*/src --fix"
   },
   "devDependencies": {

packages/app-vue-next/.eslintrc

@@ -0,0 +1,45 @@
+{
+    "parser": "babel-eslint",
+    "plugins": [
+      "prettier"
+    ],
+    "parserOptions": {
+      "ecmaVersion":6,
+      "sourceType":"module",
+      "ecmaFeatures":
+                { 
+                  "jsx":true,
+                  "experimentalObjectRestSpread":true,
+                  "modules":true
+                }
+    },
+    "env": {
+      "browser": true,
+      "amd": true,
+      "es6": true,
+      "node": true,
+      "mocha": true
+    },
+    "rules": {
+      "comma-dangle": 1,
+      "quotes": [ 0, "single" ],
+      "no-undef":"error",
+      "global-strict": 0,
+      "no-extra-semi": 1,
+      "no-underscore-dangle": 0,
+      "no-console": 0,
+      "no-unused-vars": 1,
+      "no-trailing-spaces": [1, { "skipBlankLines": true }],
+      "no-unreachable": 1,
+      "no-alert": 0,
+      "prettier/prettier":["error",{
+        "printWidth": 100,
+        "tabWidth": 4,
+        "semi": true,
+        "trailingComma": "none",
+        "singleQuote": true,
+        "bracketSpacing": true,
+        "jsxBracketSameLine": true
+        }]
+    }
+  }

packages/app-vue-next/app.js

@@ -0,0 +1,63 @@
+import Koa from 'koa';
+import srejs from '@srejs/vue-next';
+
+const app = new Koa();
+const Sre = new srejs(app, process.env.NODE_ENV != 'production', false, { version: '3' });
+app.use(async (ctx, next) => {
+    if (ctx.path === '/vue' || ctx.path === '/') {
+        const html = await Sre.render(
+            ctx,
+            'vue',
+            {
+                title: 'vue ssr',
+                keywords: 'srejs vue ssr',
+                description: '简单好用的服务端渲染引擎工具！',
+                state: {
+                    msg: 'vuex state',
+                    say: 'vuex 你好 vue ssr!'
+                }
+            },
+            { ssr: true }
+        );
+        ctx.type = 'text/html';
+        ctx.body = html;
+    } else if (ctx.path.startsWith('/index')) {
+        const html = await Sre.render(
+            ctx,
+            'index',
+            {
+                title: 'Vue-Router',
+                keywords: 'srejs vue ssr',
+                description: '简单好用的服务端渲染引擎工具！',
+                home: '这是home页',
+                about: '这是about页'
+            },
+            { ssr: true }
+        );
+        ctx.type = 'text/html';
+        ctx.body = html;
+    } else if (ctx.path.startsWith('/vuex')) {
+        const html = await Sre.render(
+            ctx,
+            'vuex',
+            {
+                title: '简单的计数器',
+                keywords: 'vuessr vuex server',
+                description: '简单的计数器 server',
+                message: '这是来自服务端初始化数据',
+                state: {
+                    count: 200
+                }
+            },
+            { ssr: true }
+        );
+        ctx.type = 'text/html';
+        ctx.body = html;
+    } else {
+        await next();
+        ctx.type = 'text/html';
+        ctx.body = '404 not found';
+    }
+});
+app.listen(8001);
+console.log('8001端口启动成功！');

packages/app-vue-next/config/ssr.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+    version: '3'
+};