npm - create-young-proj - Versions diffs - 1.0.0 → 1.1.0 - Mend

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "vue.volar",
+    "rome.rome",
+    "obkoro1.korofileheader",
+    "vue.vscode-typescript-vue-plugin",
+    "antfu.unocss",
+    "voorjaar.windicss-intellisense"
+  ]
+}

@@ -0,0 +1,4 @@
+{
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "rome.rome"
+}

@@ -0,0 +1,29 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+node_modules
+dist
+dist-ssr
+*.local
+.env
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.nitro
+.output

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+    <script>
+    // hack globalThis
+    this.globalThis || (this.globalThis = this);
+    // window.onerror = function(e) {
+    //   console.log(e)
+    //   window.alert('您的浏览器版本过低，请尝试使用其他浏览器或将浏览器升级至最新版本后重试！');
+    // }
+    </script>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

@@ -0,0 +1,40 @@
+{
+  "name": "template-vue-thin",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host",
+    "build": "vite build",
+    "preview": "vite preview --host",
+    "format": "rome format * --write",
+    "release": "changelogen && bumpp --commit --tag --no-push"
+  },
+  "dependencies": {
+    "@vueuse/core": "^9.4.0",
+    "core-js": "^3.26.0",
+    "pinia": "^2.0.23",
+    "regenerator-runtime": "^0.13.10",
+    "vue": "^3.2.41",
+    "vue-router": "^4.1.6"
+  },
+  "devDependencies": {
+    "@types/node": "16",
+    "@unocss/reset": "^0.48.0",
+    "@vitejs/plugin-legacy": "^3.0.1",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue-jsx": "^3.0.0",
+    "bumpp": "^8.2.1",
+    "changelogen": "^0.4.0",
+    "less": "^4.1.3",
+    "rome": "^11.0.0",
+    "terser": "^5.15.1",
+    "typescript": "^4.8.4",
+    "unocss": "^0.48.0",
+    "unplugin-auto-import": "^0.12.1",
+    "unplugin-vue-components": "^0.22.9",
+    "vite": "^4.0.4",
+    "vite-plugin-pages": "^0.28.0",
+    "vite-plugin-vue-layouts": "^0.7.0"
+  }
+}

@@ -0,0 +1,9 @@
+<!--
+ * @Author: zhangyang
+ * @Date: 2022-12-03 15:57:40
+ * @LastEditTime: 2022-12-03 16:06:15
+ * @Description:
+-->
+<template>
+  <RouterView />
+</template>

@@ -0,0 +1,58 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2022-12-03 15:57:40
+ * @LastEditTime: 2022-12-03 16:23:01
+ * @Description:
+ */
+// polyfill
+import 'core-js/stable';
+import 'regenerator-runtime/runtime';
+// 统一浏览器样式
+import '@unocss/reset/tailwind.css';
+import 'uno.css';
+// 路由
+import { createRouter, createWebHashHistory } from 'vue-router';
+import { setupLayouts } from 'virtual:generated-layouts';
+import routes from '~pages';
+import { createApp } from 'vue';
+import App from './App.vue';
+const app = createApp(App);
+// 路由配置
+/**
+ * 路由元数据类型扩展
+ */
+declare module 'vue-router' {
+  interface RouteMeta {
+    /**
+     * 页面标题
+     */
+    title: string;
+    /**
+     * 需要登录，不设置则为白名单页面
+     */
+    // auth?: boolean;
+    /**
+     * 页面布局，对应 layouts 目录下的布局页面，默认为 default
+     */
+    layout?: 'default' | 'list' | 'blank';
+  }
+}
+// 自动生成路由
+const finalRoutes = setupLayouts(routes);
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: finalRoutes,
+});
+app.use(router);
+// pinia
+const pinia = createPinia();
+app.use(pinia);
+app.mount('#app');

	@@ -0,0 +1 @@
1	+ VITE_CUSTOM_ENV='hello world'

create-young-proj 1.0.0 → 1.1.0