Merge pull request #204 from oracle/bump-vue-deps

Bump node-vue dependencies and migrated to ESLint flat config

Author: LeonSilva15

templates/node-vue/.eslintrc.cjs

@@ -0,0 +1,29 @@
+import globals from "globals";
+import js from "@eslint/js";
+import nodePlugin from "eslint-plugin-n";
+import vuePlugin from "eslint-plugin-vue"
+
+export default [
+  js.configs.recommended,
+  ...vuePlugin.configs["flat/recommended"],
+  {
+    files: ["src/**/*.[js,cjs]","src/**/*.vue"]
+  },
+  {
+    files: ["server/**/*.js", "server/**/*.cjs"],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+      globals: {
+        ...globals.node,
+      }
+    },
+    plugins: {
+      n: nodePlugin
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...nodePlugin.configs["flat/recommended-script"].rules
+    }      
+  }
+];

templates/node-vue/eslint.config.mjs

@@ -6,24 +6,26 @@
   "scripts": {
     "dev": "concurrently --names server,client --prefix-colors blue,yellow --success all --kill-others 'node ./server/index.cjs' 'vite'",
     "build": "vite build",
-    "lint": "eslint . --ext js,jsx,vue --report-unused-disable-directives",
+    "lint": "eslint --report-unused-disable-directives",
     "preview": "vite preview"
   },
   "dependencies": {
-    "body-parser": "^1.20.2",
+    "body-parser": "^1.20.3",
     "cors": "^2.8.5",
-    "dotenv": "^16.3.1",
-    "express": "^4.18.2",
+    "dotenv": "^16.4.7",
+    "express": "^4.21.2",
     "morgan": "^1.10.0",
-    "oracledb": "^6.2.0",
-    "vue": "^3.3.11"
+    "oracledb": "^6.7.1",
+    "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^4.5.2",
-    "concurrently": "^8.2.2",
-    "eslint": "^9.9.1",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-vue": "^9.22.0",
-    "vite": "^5.0.8"
+    "@vitejs/plugin-vue": "^5.2.1",
+    "concurrently": "^9.1.2",
+    "eslint": "^9.18.0",
+    "@eslint/js": "^9.18.0",
+    "eslint-plugin-n": "^17.15.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "globals": "15.14.0",
+    "vite": "^6.0.11"
   }
 }

templates/node-vue/package.json

@@ -24,11 +24,25 @@ onMounted(async () => {
 
 <template>
   <div>
-    <a href="https://www.oracle.com/uk/database/" target="_blank">
-      <img src="./assets/ORCL.svg" class="logo" alt="Oracle logo" />
+    <a 
+      href="https://www.oracle.com/database/"
+      target="_blank"
+    >
+      <img
+        src="./assets/ORCL.svg"
+        class="logo"
+        alt="Oracle logo"
+      >
     </a>
-    <a href="https://vuejs.org/" target="_blank">
-      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
+    <a
+      href="https://vuejs.org/"
+      target="_blank"
+    >
+      <img
+        src="./assets/vue.svg"
+        class="logo vue"
+        alt="Vue logo"
+      >
     </a>
   </div>
   <HelloWorld :status="isConnected" />

templates/node-vue/src/App.vue

@@ -30,7 +30,9 @@ const props = defineProps({
     </p>
   </div>
 
-  <p class="read-the-docs">Click on the Oracle and Vue logos to learn more</p>
+  <p class="read-the-docs">
+    Click on the Oracle and Vue logos to learn more
+  </p>
 </template>
 
 <style scoped>