Merge pull request #5 from terwer/dev

feat:#1 ssr不生效停止开发

Components/default/Header.vue

@@ -0,0 +1,18 @@
+<template>
+  <header>
+    <Navbar/>
+  </header>
+</template>
+
+<script lang="ts">
+import Navbar from "~/Components/default/Navbar.vue";
+
+export default {
+  name: "Header",
+  components: {Navbar}
+}
+</script>
+
+<style scoped>
+
+</style>

Components/default/HomePostList.vue

@@ -0,0 +1,39 @@
+<template>
+  <div>
+    Data begin
+    {{ data }}
+    Data end
+
+    <h1>
+      <NuxtLink to="/post">
+        测试详情页面
+      </NuxtLink>
+    </h1>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import logUtil from "~/lib/logUtil";
+import {SERVER_API_CONSTANTS} from "~/lib/constants/serverApiConstants";
+
+const route = useRoute()
+
+const homePostsUrl = route.query.t ? SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS + "?t=" + route.query.t :
+    SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS
+const {data} = await useFetch(homePostsUrl)
+logUtil.logInfo(SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS + " data=>", data.value)
+
+// definePageMeta({
+//   layout: "custom",
+// });
+</script>
+
+<script lang="ts">
+export default {
+  name: "HomePostList"
+}
+</script>
+
+<style scoped>
+
+</style>

Components/default/Navbar.vue

@@ -0,0 +1,49 @@
+<template>
+  <ClientOnly>
+
+  <el-menu
+      :default-active="activeIndex"
+      class="el-menu-demo"
+      mode="horizontal"
+      @select="handleSelect"
+  >
+    <el-menu-item index="1">Processing Center</el-menu-item>
+    <el-sub-menu index="2">
+      <template #title>Workspace</template>
+      <el-menu-item index="2-1">item one</el-menu-item>
+      <el-menu-item index="2-2">item two</el-menu-item>
+      <el-menu-item index="2-3">item three</el-menu-item>
+      <el-sub-menu index="2-4">
+        <template #title>item four</template>
+        <el-menu-item index="2-4-1">item one</el-menu-item>
+        <el-menu-item index="2-4-2">item two</el-menu-item>
+        <el-menu-item index="2-4-3">item three</el-menu-item>
+      </el-sub-menu>
+    </el-sub-menu>
+    <el-menu-item index="3" disabled>Info</el-menu-item>
+    <el-menu-item index="4">Orders</el-menu-item>
+  </el-menu>
+  </ClientOnly>
+  <div class="h-6"/>
+</template>
+
+<script lang="ts" setup>
+import {ref} from 'vue'
+
+const activeIndex = ref('1')
+const activeIndex2 = ref('1')
+const handleSelect = (key: string, keyPath: string[]) => {
+  console.log(key, keyPath)
+}
+</script>
+
+<script lang="ts">
+
+export default {
+  name: "Navbar",
+}
+</script>
+
+<style scoped>
+
+</style>

README.md

@@ -3,8 +3,31 @@ Next version for jvue-front using [nuxt3](https://github.com/nuxt/framework) whi
 
 We will start develop after Nuxt3 **stabe** release,please wait...
 
-## build
+See also:[https://github.com/element-plus/element-plus-nuxt-starter/issues/46](https://github.com/element-plus/element-plus-nuxt-starter/issues/46)
+
+## Install
+```bash
+dnf install npm
+npm i -g yarn
+npm i -g vercel
+npm i -g pm2
+```
+## Init
+```bash
+yarn
+```
+
+## dev
 
 ```bash
 vercel dev
+```
+
+## deploy
+```bash
+pm2 start pm2.json
+```
+
+```bash
+pm2 stop pm2.json
 ```

layouts/default.vue

@@ -1,6 +1,12 @@
 <template>
   <div>
-    A *default* layout
+    <Header/>
     <slot/>
   </div>
-</template>
+</template>
+<script>
+import Header from "../Components/default/Header";
+export default {
+  components: {Header}
+}
+</script>

nuxt.config.ts

@@ -23,5 +23,5 @@ export default defineNuxtConfig({
         CONF_API_URL: process.env.CONF_API_URL,
         CONF_USERNAME: process.env.CONF_USERNAME,
         CONF_PASSWORD: process.env.CONF_PASSWORD
-    },
+    }
 })

package.json

@@ -5,15 +5,17 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "vdev": "vercel dev"
+    "vdev": "vercel dev --listen 3000"
   },
   "devDependencies": {
     "@types/showdown": "^2.0.0",
     "@types/xmlrpc": "^1.3.7",
     "nuxt": "3.0.0-rc.8"
   },
   "dependencies": {
+    "@element-plus/icons-vue": "^2.0.9",
     "arraybuffer-xml-parser": "^0.6.0",
+    "element-plus": "^2.2.15",
     "showdown": "^2.1.0",
     "xmlrpc": "^1.3.2"
   }

pages/index.vue

@@ -1,37 +1,31 @@
 <template>
-  <div>
-    Data begin
-    {{ data }}
-    Data end
-
-    <h1>
-      <NuxtLink to="/post">
-        测试详情页面
-      </NuxtLink>
-    </h1>
-    <NuxtWelcome/>
-  </div>
+  <HomePostList/>
 </template>
 
 <script lang="ts" setup>
-import logUtil from "~/lib/logUtil";
-import {SERVER_API_CONSTANTS} from "~/lib/constants/serverApiConstants";
-
-const route = useRoute()
-
-const homePostsUrl = route.query.t ? SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS + "?t=" + route.query.t :
-    SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS
-const {data} = await useFetch(homePostsUrl)
-logUtil.logInfo(SERVER_API_CONSTANTS.SERVER_API_GET_RECENT_POSTS + " data=>", data.value)
-
-definePageMeta({
-  layout: "custom",
-});
+useHead({
+  title: 'My App',
+  // or, instead:
+  // titleTemplate: (title) => `My App - ${title}`,
+  viewport: 'width=device-width, initial-scale=1, maximum-scale=1',
+  charset: 'utf-8',
+  meta: [
+    {name: 'keywords', content: 'site,app,vercel'},
+    {name: 'description', content: 'My amazing site.'}
+  ],
+  bodyAttrs: {
+    class: 'jvue-index-body'
+  }
+})
 </script>
 
 <script lang="ts">
+
+import HomePostList from "~/Components/default/HomePostList.vue";
+
 export default {
-  name: "index"
+  name: "index",
+  components: {HomePostList}
 }
 </script>
 

pm2.json

@@ -0,0 +1,11 @@
+{
+  "apps": [
+    {
+      "name": "jvue-from",
+      "script": "yarn",
+      "args" : "vdev",
+      "instances": "max",
+      "exec_mode": "cluster"
+    }
+  ]
+}