diff --git a/.eslintrc.js b/.eslintrc.js
deleted file mode 100644
index 3efb0f2..0000000
--- a/.eslintrc.js
+++ /dev/null
@@ -1,93 +0,0 @@
-// 规则参见：https://cn.eslint.org/docs/rules/
-module.exports = {
- root: true, // 当前配置文件不能往父级查找
- env: {
- node: true,
- es6: true
- },
- extends: [
- 'eslint:recommended' // 应用Eslint全部默认规则
- ],
- 'parserOptions': {
- 'ecmaVersion': 'latest',
- 'sourceType': 'module' // 目标类型 Node项目得添加这个
- },
- // 自定义规则，可以覆盖 extends 的配置【安装Eslint插件可以静态检查本地文件是否符合以下规则】
- 'ignorePatterns': ['*.html', 'node-os-utils'],
- rules: {
- // 0: 关闭规则(允许) 1/2: 警告warning/错误error(不允许)
- 'no-console': 'off',
- 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
- 'template-curly-spacing': ['error', 'always'], // 模板字符串空格
- 'default-case': 0,
- 'object-curly-spacing': ['error', 'always'],
- 'no-multi-spaces': ['error'],
- indent: ['error', 2, { 'SwitchCase': 1 }], // 缩进：2
- quotes: ['error', 'single'], // 引号：single单引 double双引
- semi: ['error', 'never'], // 结尾分号：never禁止 always必须
- 'comma-dangle': ['error', 'never'], // 对象拖尾逗号
- 'no-redeclare': ['error', { builtinGlobals: true }], // 禁止重复对象声明
- 'no-multi-assign': 0,
- 'no-restricted-globals': 0,
- 'space-before-function-paren': 0, // 函数定义时括号前面空格
- 'one-var': 0, // 允许连续声明
- // 'no-undef': 0, // 允许未定义的变量【会使env配置无效】
- 'linebreak-style': 0, // 检测CRLF/LF检测【默认LF】
- 'no-extra-boolean-cast': 0, // 允许意外的Boolean值转换
- 'no-constant-condition': 0, // if语句中禁止常量表达式
- 'no-prototype-builtins': 0, // 允许使用Object.prototypes内置对象(如：xxx.hasOwnProperty)
- 'no-regex-spaces': 0, // 允许正则匹配多个空格
- 'no-unexpected-multiline': 0, // 允许多行表达式
- 'no-fallthrough': 0, // 允许switch穿透
- 'no-delete-var': 0, // 允许 delete 删除对象属性
- 'no-mixed-spaces-and-tabs': 0, // 允许空格tab混用
- 'no-class-assign': 0, // 允许修改class类型
- 'no-param-reassign': 0, // 允许对函数params赋值
- 'max-len': 0, // 允许长行
- 'func-names': 0, // 允许命名函数
- 'import/no-unresolved': 0, // 不检测模块not fund
- 'import/prefer-default-export': 0, // 允许单个导出
- 'no-const-assign': 1, // 警告：修改const命名的变量
- 'no-unused-vars': 1, // 警告：已声明未使用
- 'no-unsafe-negation': 1, // 警告：使用 in / instanceof 关系运算符时，左边表达式请勿使用 ! 否定操作符
- 'use-isnan': 1, // 警告：使用 isNaN() 检查 NaN
- 'no-var': 2, // 禁止使用var声明
- 'no-empty-pattern': 2, // 空解构赋值
- 'eqeqeq': 2, // 必须使用 全等=== 或 非全等 !==
- 'no-cond-assign': 2, // if语句中禁止赋值
- 'no-dupe-args': 2, // 禁止function重复参数
- 'no-dupe-keys': 2, // 禁止object重复key
- 'no-duplicate-case': 2,
- 'no-empty': 2, // 禁止空语句块
- 'no-func-assign': 2, // 禁止重复声明函数
- 'no-inner-declarations': 2, // 禁止在嵌套的语句块中出现变量或 function 声明
- 'no-sparse-arrays': 2, // 禁止稀缺数组
- 'no-unreachable': 2, // 禁止非条件return、throw、continue 和 break 语句后出现代码
- 'no-unsafe-finally': 2, // 禁止finally出现控制流语句，如：return、throw等，因为这会导致try...catch捕获不到
- 'valid-typeof': 2, // 强制 typeof 表达式与有效的字符串进行比较
- // auto format options
- 'prefer-const': 0, // 禁用声明自动化
- 'no-extra-parens': 0, // 允许函数周围出现不明括号
- 'no-extra-semi': 2, // 禁止不必要的分号
- // curly: ['error', 'multi'], // if、else、for、while 语句单行代码时不使用大括号
- 'dot-notation': 0, // 允许使用点号或方括号来访问对象属性
- 'dot-location': ['error', 'property'], // 点操作符位置，要求跟随下一行
- 'no-else-return': 2, // 禁止if中有return后又else
- 'no-implicit-coercion': [2, { allow: ['!!', '~', '+'] }], // 禁止隐式转换，allow字段内符号允许
- 'no-trailing-spaces': 1, //一行结束后面不要有空格
- 'no-multiple-empty-lines': [1, { 'max': 1 }], // 空行最多不能超过1行
- 'no-useless-return': 2,
- 'wrap-iife': 0, // 允许自调用函数
- 'yoda': 0, // 允许yoda语句
- 'strict': 0, // 允许strict
- 'no-undef-init': 0, // 允许将变量初始化为undefined
- 'prefer-promise-reject-errors': 0, // 允许使用非 Error 对象作为 Promise 拒绝的原因
- 'consistent-return': 0, // 允许函数不使用return
- 'no-new': 0, // 允许单独new
- 'no-restricted-syntax': 0, // 允许特定的语法
- 'no-plusplus': 0,
- 'import/extensions': 0, // 忽略扩展名
- 'global-require': 0,
- 'no-return-assign': 0
- }
-}
diff --git a/app.vue b/app.vue
index 09f935b..caf607c 100644
--- a/app.vue
+++ b/app.vue
@@ -1,6 +1,19 @@
-
-
-
-
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/assets/images/banner.png b/assets/images/banner.png
new file mode 100644
index 0000000..4362b06
Binary files /dev/null and b/assets/images/banner.png differ
diff --git a/assets/images/preview.png b/assets/images/preview.png
new file mode 100644
index 0000000..1508253
Binary files /dev/null and b/assets/images/preview.png differ
diff --git a/assets/images/preview_desktop.gif b/assets/images/preview_desktop.gif
new file mode 100644
index 0000000..7421192
Binary files /dev/null and b/assets/images/preview_desktop.gif differ
diff --git a/assets/images/preview_mobile.gif b/assets/images/preview_mobile.gif
new file mode 100644
index 0000000..d199001
Binary files /dev/null and b/assets/images/preview_mobile.gif differ
diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss
new file mode 100644
index 0000000..c862114
--- /dev/null
+++ b/assets/scss/_variables.scss
@@ -0,0 +1,5 @@
+// variables
+:root {
+ // layouts > page > content
+ --layout-page-content-min-height: calc(100vh - 42px);
+}
diff --git a/assets/scss/animations/_transitions.scss b/assets/scss/animations/_transitions.scss
new file mode 100644
index 0000000..e146697
--- /dev/null
+++ b/assets/scss/animations/_transitions.scss
@@ -0,0 +1,25 @@
+// page transition
+.page-enter-active {
+ transition: all 0.1s ease-out;
+}
+.page-leave-active {
+ transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.page-enter-from,
+.page-leave-to {
+ transform: translateY(20px);
+ opacity: 0;
+}
+
+// layout transition
+.layout-enter-active {
+ transition: all 0.1s ease-out;
+}
+.layout-leave-active {
+ transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.layout-enter-from,
+.layout-leave-to {
+ transform: translateY(-20px);
+ opacity: 0;
+}
diff --git a/assets/scss/app.scss b/assets/scss/app.scss
new file mode 100644
index 0000000..6024f49
--- /dev/null
+++ b/assets/scss/app.scss
@@ -0,0 +1,41 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");
+
+// vars
+@import 'variables';
+
+// components
+// component::scrollbar
+// components
+::-webkit-scrollbar {
+ width: 16px;
+}
+::-webkit-scrollbar-track {
+ background: theme('colors.gray.100');
+ border-left: 1px solid theme('colors.gray.200');
+}
+::-webkit-scrollbar-thumb {
+ border: 4px solid theme('colors.gray.100');
+ background-clip: padding-box;
+ border-radius: 9999px;
+ background-color: theme('colors.slate.300');
+}
+::-webkit-scrollbar-thumb:hover {
+ background-color: theme('colors.slate.400');
+}
+html.dark {
+ ::-webkit-scrollbar-track {
+ background: theme('colors.slate.800');
+ border-left: 1px solid theme('colors.slate.700');
+ }
+ ::-webkit-scrollbar-thumb {
+ border-color: theme('colors.slate.800');
+ background-color: theme('colors.slate.500');
+ }
+ ::-webkit-scrollbar-thumb:hover {
+ background-color: theme('colors.slate.400');
+ }
+}
+
+
+// components
+@import 'animations/transitions';
diff --git a/composables/use-sync-props.js b/composables/use-sync-props.js
new file mode 100644
index 0000000..e932dc2
--- /dev/null
+++ b/composables/use-sync-props.js
@@ -0,0 +1,11 @@
+
+export const useSyncProps = (props, key, emit) => {
+ return computed({
+ get() {
+ return props[key]
+ },
+ set(value) {
+ emit(`update:${key}`, value)
+ }
+ })
+}
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..9eabaa5
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,85 @@
+import withNuxt from './.nuxt/eslint.config.mjs'
+import pluginVue from 'eslint-plugin-vue'
+
+export default
+ {
+ ...pluginVue.configs['flat/recommended'],
+ files: ['**/*.js', '**/*.jsx'],
+ rules: {
+ // 0: 关闭规则(允许) 1/2: 警告warning/错误error(不允许)
+ 'no-console': 'off',
+ 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+ 'template-curly-spacing': ['error', 'always'], // 模板字符串空格
+ 'default-case': 0,
+ 'object-curly-spacing': ['error', 'always'],
+ 'no-multi-spaces': ['error'],
+ 'indent': ['error', 2, { 'SwitchCase': 1 }], // 缩进：2
+ 'quotes': ['error', 'single'], // 引号：single单引 double双引
+ 'semi': ['error', 'never'], // 结尾分号：never禁止 always必须
+ 'comma-dangle': ['error', 'never'], // 对象拖尾逗号
+ 'no-redeclare': ['error', { builtinGlobals: true }], // 禁止重复对象声明
+ 'no-multi-assign': 0,
+ 'no-restricted-globals': 0,
+ 'space-before-function-paren': 0, // 函数定义时括号前面空格
+ 'one-var': 0, // 允许连续声明
+ // 'no-undef': 0, // 允许未定义的变量【会使env配置无效】
+ 'linebreak-style': 0, // 检测CRLF/LF检测【默认LF】
+ 'no-extra-boolean-cast': 0, // 允许意外的Boolean值转换
+ 'no-constant-condition': 0, // if语句中禁止常量表达式
+ 'no-prototype-builtins': 0, // 允许使用Object.prototypes内置对象(如：xxx.hasOwnProperty)
+ 'no-regex-spaces': 0, // 允许正则匹配多个空格
+ 'no-unexpected-multiline': 0, // 允许多行表达式
+ 'no-fallthrough': 0, // 允许switch穿透
+ 'no-delete-var': 0, // 允许 delete 删除对象属性
+ 'no-mixed-spaces-and-tabs': 0, // 允许空格tab混用
+ 'no-class-assign': 0, // 允许修改class类型
+ 'no-param-reassign': 0, // 允许对函数params赋值
+ 'max-len': 0, // 允许长行
+ 'func-names': 0, // 允许命名函数
+ 'import/no-unresolved': 0, // 不检测模块not fund
+ 'import/prefer-default-export': 0, // 允许单个导出
+ 'no-const-assign': 1, // 警告：修改const命名的变量
+ 'no-unused-vars': 1, // 警告：已声明未使用
+ 'no-unsafe-negation': 1, // 警告：使用 in / instanceof 关系运算符时，左边表达式请勿使用 ! 否定操作符
+ 'use-isnan': 1, // 警告：使用 isNaN() 检查 NaN
+ 'no-var': 2, // 禁止使用var声明
+ 'no-empty-pattern': 2, // 空解构赋值
+ 'eqeqeq': 2, // 必须使用 全等=== 或 非全等 !==
+ 'no-cond-assign': 2, // if语句中禁止赋值
+ 'no-dupe-args': 2, // 禁止function重复参数
+ 'no-dupe-keys': 2, // 禁止object重复key
+ 'no-duplicate-case': 2,
+ 'no-empty': 2, // 禁止空语句块
+ 'no-func-assign': 2, // 禁止重复声明函数
+ 'no-inner-declarations': 2, // 禁止在嵌套的语句块中出现变量或 function 声明
+ 'no-sparse-arrays': 2, // 禁止稀缺数组
+ 'no-unreachable': 2, // 禁止非条件return、throw、continue 和 break 语句后出现代码
+ 'no-unsafe-finally': 2, // 禁止finally出现控制流语句，如：return、throw等，因为这会导致try...catch捕获不到
+ 'valid-typeof': 2, // 强制 typeof 表达式与有效的字符串进行比较
+ // auto format options
+ 'prefer-const': 0, // 禁用声明自动化
+ 'no-extra-parens': 0, // 允许函数周围出现不明括号
+ 'no-extra-semi': 2, // 禁止不必要的分号
+ // curly: ['error', 'multi'], // if、else、for、while 语句单行代码时不使用大括号
+ 'dot-notation': 0, // 允许使用点号或方括号来访问对象属性
+ 'dot-location': ['error', 'property'], // 点操作符位置，要求跟随下一行
+ 'no-else-return': 2, // 禁止if中有return后又else
+ 'no-implicit-coercion': [2, { allow: ['!!', '~', '+'] }], // 禁止隐式转换，allow字段内符号允许
+ 'no-trailing-spaces': 1, //一行结束后面不要有空格
+ 'no-multiple-empty-lines': [1, { 'max': 1 }], // 空行最多不能超过1行
+ 'no-useless-return': 2,
+ 'wrap-iife': 0, // 允许自调用函数
+ 'yoda': 0, // 允许yoda语句
+ 'strict': 0, // 允许strict
+ 'no-undef-init': 0, // 允许将变量初始化为undefined
+ 'prefer-promise-reject-errors': 0, // 允许使用非 Error 对象作为 Promise 拒绝的原因
+ 'consistent-return': 0, // 允许函数不使用return
+ 'no-new': 0, // 允许单独new
+ 'no-restricted-syntax': 0, // 允许特定的语法
+ 'no-plusplus': 0,
+ 'import/extensions': 0, // 忽略扩展名
+ 'global-require': 0,
+ 'no-return-assign': 0
+ }
+ }
+)
\ No newline at end of file
diff --git a/layouts/header.vue b/layouts/header.vue
new file mode 100644
index 0000000..c9a0085
--- /dev/null
+++ b/layouts/header.vue
@@ -0,0 +1,5 @@
+
+
+ default header
+
+
diff --git a/modules/auth-db.js b/modules/auth-db.js
new file mode 100644
index 0000000..825c478
--- /dev/null
+++ b/modules/auth-db.js
@@ -0,0 +1,24 @@
+import { existsSync, statSync } from 'fs'
+
+import {
+ useNuxt,
+ defineNuxtModule,
+ createResolver,
+ addImportsDir,
+} from '@nuxt/kit'
+
+// 尝试借助这个模块创建一个空的db文件
+export default defineNuxtModule({
+ meta: {
+ name: 'auto db',
+ },
+ async setup(_options, nuxt) {
+ // const resolver = createResolver(import.meta.url)
+ // if (existsSync(storesPath) && statSync(storesPath).isFile()) {
+ // // get config
+ // const configPath = resolver.resolve(storesPath)
+ // const config = await import(configPath)
+ // tsConfigs = Object.assign(tsConfigs, config.default)
+ // }
+ }
+})
diff --git a/nuxt.config.js b/nuxt.config.js
new file mode 100644
index 0000000..af1bbd6
--- /dev/null
+++ b/nuxt.config.js
@@ -0,0 +1,34 @@
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
+
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+ devtools: { enabled: true },
+ compatibilityDate: "2024-07-03",
+ modules: [
+ "@nuxt/eslint",
+ "@pinia/nuxt",
+ "@nuxtjs/tailwindcss",
+ "nuxtjs-naive-ui"
+ ],
+ vite: {
+ plugins: [
+ AutoImport({
+ imports: [
+ {
+ 'naive-ui': [
+ 'useDialog',
+ 'useMessage',
+ 'useNotification',
+ 'useLoadingBar'
+ ]
+ }
+ ]
+ }),
+ Components({
+ resolvers: [NaiveUiResolver()]
+ })
+ ]
+ }
+})
\ No newline at end of file
diff --git a/nuxt.config.ts b/nuxt.config.ts
deleted file mode 100644
index 8851e77..0000000
--- a/nuxt.config.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
- devtools: { enabled: true }
-})
diff --git a/package.json b/package.json
index c7359c6..4cb310f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "easynode",
"version": "1.0.0",
- "description": "easy to manage the server",
+ "description": "connect to your server via the easynode",
"private": false,
"repository": {
"type": "git",
@@ -16,11 +16,20 @@
"postinstall": "nuxt prepare"
},
"dependencies": {
+ "@nuxt/eslint": "^0.3.13",
+ "@nuxtjs/eslint-module": "^4.1.0",
+ "@nuxtjs/tailwindcss": "^6.12.0",
+ "@pinia/nuxt": "^0.5.1",
+ "naive-ui": "^2.38.2",
"nuxt": "^3.12.3",
+ "nuxtjs-naive-ui": "^1.0.2",
"vue": "latest"
},
"packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a",
"devDependencies": {
- "@nuxt/devtools": "^1.3.9"
+ "@nuxt/devtools": "^1.3.9",
+ "eslint-plugin-vue": "^9.27.0",
+ "unplugin-auto-import": "^0.17.6",
+ "unplugin-vue-components": "^0.27.2"
}
}
diff --git a/pages/index.vue b/pages/index.vue
new file mode 100644
index 0000000..7363e1a
--- /dev/null
+++ b/pages/index.vue
@@ -0,0 +1,62 @@
+
+
+
+
+
+
EasyNode
+
+
+
+