initial setup

.editorconfig

@@ -0,0 +1,8 @@
+[*.{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

.gitattributes

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

.gitignore

@@ -0,0 +1,30 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+
+config.json

.prettierignore

@@ -0,0 +1,11 @@
+# Ignore artifacts:
+build
+coverage
+
+# Ignore all HTML files:
+**/*.html
+
+**/.git
+**/.svn
+**/.hg
+**/node_modules

.prettierrc.json

@@ -0,0 +1,10 @@
+{
+  "trailingComma": "es5",
+  "tabWidth": 4,
+  "semi": true,
+  "singleQuote": false,
+  "printWidth": 120,
+  "htmlWhitespaceSensitivity": "ignore",
+  "vueIndentScriptAndStyle": false,
+  "endOfLine": "auto"
+}

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,13 @@
+{
+  "explorer.fileNesting.enabled": true,
+  "explorer.fileNesting.patterns": {
+    "tsconfig.json": "tsconfig.*.json, env.d.ts",
+    "vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
+    "package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .oxlint*, oxlint*, .prettier*, prettier*, .editorconfig"
+  },
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  },
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode"
+}

env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    readonly VITE_API_BASE_URL: string;
+}
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

eslint.config.js

@@ -0,0 +1,85 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+import prettier from "eslint-plugin-prettier/recommended";
+import vueConfigTypescript from "@vue/eslint-config-typescript";
+import vueConfigPrettier from "@vue/eslint-config-prettier";
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+    {
+        languageOptions: {
+            globals: {
+                ...globals.browser,
+                ...globals.node,
+            },
+        },
+    },
+    // js
+    pluginJs.configs.recommended,
+    {
+        rules: {
+            "no-unused-vars": "error",
+            "no-undef": "error",
+        },
+    },
+    // ts
+    ...tseslint.configs.recommended,
+    {
+        rules: {
+            "@typescript-eslint/no-unused-vars": [
+                "error",
+                {
+                    argsIgnorePattern: "^(props|_)",
+                    varsIgnorePattern: "^(props|_)",
+                },
+            ],
+            "@typescript-eslint/no-explicit-any": "error",
+        },
+    },
+    // vue
+    ...pluginVue.configs["flat/recommended"],
+    {
+        files: ["*.vue", "**/*.vue"],
+        languageOptions: {
+            parserOptions: {
+                parser: tseslint.parser,
+            },
+        },
+    },
+    {
+        rules: {
+            ...vueConfigTypescript.rules,
+            ...vueConfigPrettier.rules,
+            "prettier/prettier": [
+                "warn",
+                {
+                    singleQuote: false,
+                },
+            ],
+            "vue/multi-word-component-names": "off",
+            "vue/attribute-hyphenation": "off",
+            "vue/no-v-html": "off",
+            "vue/v-on-event-hyphenation": "off",
+            "vue/require-v-for-key": "off",
+            "vue/no-template-shadow": "error",
+            "vue/no-reserved-component-names": "off",
+            "vue/attributes-order": "off",
+            "@typescript-eslint/ban-ts-comment": "off",
+            "@typescript-eslint/no-require-imports": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "vue/require-default-prop": "error",
+        },
+    },
+    {
+        ignores: ["node_modules", ".nuxt", ".output", "dist"],
+    },
+    // prettier
+    prettier,
+    {
+        rules: {
+            "prettier/prettier": ["warn", { singleQuote: false }],
+        },
+    },
+];

index.html

@@ -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>Dolphin</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package.json

@@ -0,0 +1,49 @@
+{
+    "name": "dartachalani",
+    "version": "0.0.0",
+    "private": true,
+    "type": "module",
+    "scripts": {
+        "dev": "vite --host",
+        "prebuild": "npm run lint",
+        "build": "run-p type-check \"build-only {@}\" --",
+        "preview": "vite preview",
+        "build-only": "vite build",
+        "type-check": "vue-tsc --build",
+        "format": "prettier --write src/",
+        "format:check": "prettier --check src/",
+        "lint": "eslint src --max-warnings 0",
+        "lint:fix": "eslint src --fix"
+    },
+    "dependencies": {
+        "axios": "^1.11.0",
+        "dolphin-components": "^2.2.22",
+        "echarts": "^5.6.0",
+        "pinia": "^3.0.3",
+        "vue": "^3.5.18",
+        "vue-echarts": "^7.0.3",
+        "vue-router": "^4.5.1"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.33.0",
+        "@tsconfig/node22": "^22.0.2",
+        "@types/node": "^24.3.0",
+        "@typescript-eslint/parser": "^8.39.1",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "@vue/eslint-config-prettier": "^10.2.0",
+        "@vue/eslint-config-typescript": "^14.6.0",
+        "@vue/tsconfig": "^0.8.0",
+        "eslint": "^9.33.0",
+        "eslint-plugin-vue": "^10.4.0",
+        "globals": "^16.3.0",
+        "jiti": "^2.5.1",
+        "npm-run-all2": "^8.0.4",
+        "prettier": "^3.6.2",
+        "typescript": "~5.9.2",
+        "typescript-eslint": "^8.39.1",
+        "vite": "^7.1.2",
+        "vite-plugin-vue-devtools": "^8.0.0",
+        "vue-eslint-parser": "^10.2.0",
+        "vue-tsc": "^3.0.5"
+    }
+}

src/App.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>You did it!</h1>
+  <p>
+    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
+    documentation
+  </p>
+</template>
+
+<style scoped></style>

src/main.ts

@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from './App.vue'
+import router from './router'
+
+const app = createApp(App)
+
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')

src/router/index.ts

@@ -0,0 +1,8 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [],
+})
+
+export default router

src/stores/counter.ts

@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+  const count = ref(0)
+  const doubleCount = computed(() => count.value * 2)
+  function increment() {
+    count.value++
+  }
+
+  return { count, doubleCount, increment }
+})

src/utils/setup/component.ts

@@ -0,0 +1,30 @@
+import type { App } from "vue";
+import Multiselect from "vue-multiselect";
+import {
+    ContentLayout,
+    Modal,
+    Tabulator,
+    Towser,
+    Switch,
+    Toggle,
+    Icons,
+    DateRange,
+    DateSelector,
+    Loader,
+    Wizard,
+} from "dolphin-components";
+
+export const loadComponents = (app: App) => {
+    app.component("Multiselect", Multiselect);
+    app.component("ContentLayout", ContentLayout);
+    app.component("Modal", Modal);
+    app.component("Tabulator", Tabulator);
+    app.component("Towser", Towser);
+    app.component("Switch", Switch);
+    app.component("Toggle", Toggle);
+    app.component("Icons", Icons);
+    app.component("DateRange", DateRange);
+    app.component("DateSelector", DateSelector);
+    app.component("Loader", Loader);
+    app.component("Wizard", Wizard);
+};

src/utils/setup/directives.ts

@@ -0,0 +1,18 @@
+import {
+    InputError,
+    InputCurrency,
+    InputSelect,
+    ScrollbarAnimateDropdown,
+    ScrollbarScroll,
+    Tooltip,
+} from "dolphin-components";
+import type { App } from "vue";
+
+export const loadDirectives = (app: App) => {
+    app.directive("input-error", InputError);
+    app.directive("input-currency", InputCurrency);
+    app.directive("input-select", InputSelect);
+    app.directive("hide-scrollbar", ScrollbarScroll);
+    app.directive("animate-dropdown", ScrollbarAnimateDropdown);
+    app.directive("tooltip", Tooltip);
+};

src/utils/setup/plugins.ts

@@ -0,0 +1,6 @@
+import type { App } from "vue";
+import { FocusNext } from "dolphin-components";
+
+export const loadPlugins = (app: App) => {
+    app.use(FocusNext);
+};

tsconfig.app.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

tsconfig.json

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

tsconfig.node.json

@@ -0,0 +1,19 @@
+{
+  "extends": "@tsconfig/node22/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*",
+    "eslint.config.*"
+  ],
+  "compilerOptions": {
+    "noEmit": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

vite.config.ts

@@ -0,0 +1,18 @@
+import { fileURLToPath, URL } from 'node:url'
+
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueDevTools from 'vite-plugin-vue-devtools'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    vue(),
+    vueDevTools(),
+  ],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url))
+    },
+  },
+})