feat: Updated vue library and template

Author: clockworkgr

packages/vue-lib/.editorconfig

@@ -0,0 +1,9 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+end_of_line = lf
+max_line_length = 100

packages/vue-lib/.eslintrc.cjs

@@ -0,0 +1 @@
+* text=auto eol=lf

packages/vue-lib/.gitattributes

@@ -26,3 +26,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+*.tsbuildinfo

packages/vue-lib/.gitignore

@@ -0,0 +1,39 @@
+# vue-lib
+
+This template should help get you started developing with Vue 3 in Vite.
+
+## Recommended IDE Setup
+
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
+```
+
+### Compile and Hot-Reload for Development
+
+```sh
+pnpm dev
+```
+
+### Type-Check, Compile and Minify for Production
+
+```sh
+pnpm build
+```
+
+### Lint with [ESLint](https://eslint.org/)
+
+```sh
+pnpm lint
+```

packages/vue-lib/.npmrc

@@ -0,0 +1,102 @@
+import stylisticTs from "@stylistic/eslint-plugin";
+import { defineConfigWithVueTs, vueTsConfigs } from "@vue/eslint-config-typescript";
+import { globalIgnores } from "eslint/config";
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import pluginVue from "eslint-plugin-vue";
+
+/*
+ * To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+ * import { configureVueProject } from '@vue/eslint-config-typescript'
+ * configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+ * More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+ */
+
+export default defineConfigWithVueTs(
+  {
+    name: "app/files-to-lint",
+    files: ["**/*.{ts,mts,tsx,vue}"]
+  },
+
+  globalIgnores([
+    "**/*.js",
+    "**/*.cjs",
+    "**/dist/**",
+    "**/dist-ssr/**",
+    "**/coverage/**"
+  ]),
+
+  {
+    plugins: {
+      "@stylistic/ts": stylisticTs
+    }
+  },
+  pluginVue.configs["flat/essential"],
+  vueTsConfigs.recommended,
+
+  stylisticTs.configs["disable-legacy"],
+  {
+    rules: {
+      "@stylistic/ts/indent": [
+        "error",
+        2
+      ],
+      "@stylistic/ts/quote-props": [
+        "error",
+        "as-needed"
+      ],
+      "@stylistic/ts/block-spacing": [
+        "error",
+        "always"
+      ],
+      "@stylistic/ts/object-curly-spacing": [
+        "error",
+        "always"
+      ],
+      "@stylistic/ts/semi": [
+        "error",
+        "always"
+      ],
+      "@stylistic/ts/quotes": [
+        "error",
+        "double"
+      ],
+      "@stylistic/ts/comma-spacing": [
+        "error",
+        { before: false,
+          after: true }
+      ],
+      "no-unused-vars": "off",
+      "vue/block-lang": "off",
+      "vue/multi-word-component-names": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error", // or "error"
+        {
+          argsIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          caughtErrorsIgnorePattern: "^_"
+        }
+      ],
+      "max-lines": [
+        "warn",
+        { max: 500,
+          skipBlankLines: true,
+          skipComments: true }
+      ],
+      "max-lines-per-function": [
+        "warn",
+        { max: 200,
+          skipBlankLines: true,
+          skipComments: true }
+      ]
+    }
+  },
+  {
+    plugins: {
+      "simple-import-sort": simpleImportSort
+    },
+    rules: {
+      "simple-import-sort/imports": "error",
+      "simple-import-sort/exports": "error"
+    }
+  }
+);

packages/vue-lib/.prettierrc.json

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>