diff --git a/index.html b/index.html index b92873f..9e17fea 100644 --- a/index.html +++ b/index.html @@ -4,11 +4,14 @@ + + Tauri + Vue + TS
+ diff --git a/package-lock.json b/package-lock.json index 58d2a88..e0367c0 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,9 @@ "version": "0.0.0", "dependencies": { "@tauri-apps/api": "^1.4.0", - "vue": "^3.2.45" + "vue": "^3.2.45", + "vue-router": "^4.3.0" + }, "devDependencies": { "@tauri-apps/cli": "^1.4.0", @@ -2052,6 +2054,11 @@ "dev": true, "peer": true }, + "node_modules/@vue/devtools-api": { + "version": "6.6.1", + "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.1.tgz", + "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==" + }, "node_modules/@vue/reactivity": { "version": "3.4.18", "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.18.tgz", @@ -14297,6 +14304,20 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, + "node_modules/vue-router": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.3.0.tgz", + "integrity": "sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==", + "dependencies": { + "@vue/devtools-api": "^6.5.1" + }, + "funding": { + "url": "https://github.com/sponsors/posva" + }, + "peerDependencies": { + "vue": "^3.2.0" + } + }, "node_modules/vue-style-loader": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz", diff --git a/package.json b/package.json index 2aa0750..f9988c8 100644 --- a/package.json +++ b/package.json @@ -12,7 +12,8 @@ }, "dependencies": { "@tauri-apps/api": "^1.4.0", - "vue": "^3.2.45" + "vue": "^3.2.45", + "vue-router": "^4.3.0" }, "devDependencies": { "@tauri-apps/cli": "^1.4.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 2f36678..71f9dc2 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -11,6 +11,9 @@ dependencies: vue: specifier: ^3.2.45 version: 3.2.45 + vue-router: + specifier: ^4.3.0 + version: 4.3.0(vue@3.2.45) devDependencies: '@tauri-apps/cli': @@ -1320,6 +1323,10 @@ packages: - whiskers dev: true + /@vue/devtools-api@6.6.1: + resolution: {integrity: sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA==} + dev: false + /@vue/reactivity-transform@3.2.45: resolution: {integrity: sha512-BHVmzYAvM7vcU5WmuYqXpwaBHjsS8T63jlKGWVtHxAHIoMIlmaMyurUSEs1Zcg46M4AYT5MtB1U274/2aNzjJQ==} dependencies: @@ -8899,6 +8906,14 @@ packages: webpack: 5.90.1 dev: true + /vue-router@4.3.0(vue@3.2.45): + resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==} + peerDependencies: + vue: ^3.2.0 + dependencies: + '@vue/devtools-api': 6.6.1 + vue: 3.2.45 + dev: false /vue-style-loader@4.1.3: resolution: {integrity: sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==} dependencies: diff --git a/src/App.vue b/src/App.vue index 6102e69..577e9ed 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,11 +1,18 @@ diff --git a/src/assets/NGCP.svg b/src/assets/NGCP.svg new file mode 100644 index 0000000..b8fbcd7 --- /dev/null +++ b/src/assets/NGCP.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/src/assets/lightning-icon-png-5.png b/src/assets/lightning-icon-png-5.png new file mode 100644 index 0000000..1410412 Binary files /dev/null and b/src/assets/lightning-icon-png-5.png differ diff --git a/src/components/Battery.vue b/src/components/Battery.vue new file mode 100644 index 0000000..e226761 --- /dev/null +++ b/src/components/Battery.vue @@ -0,0 +1,141 @@ + + + + + + \ No newline at end of file diff --git a/src/components/Camera.vue b/src/components/Camera.vue new file mode 100644 index 0000000..7fce0ee --- /dev/null +++ b/src/components/Camera.vue @@ -0,0 +1,63 @@ + + + + \ No newline at end of file diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue new file mode 100644 index 0000000..f198508 --- /dev/null +++ b/src/components/Navbar.vue @@ -0,0 +1,83 @@ + + + + + + diff --git a/src/router/index.js b/src/router/index.js new file mode 100644 index 0000000..5b56169 --- /dev/null +++ b/src/router/index.js @@ -0,0 +1,22 @@ +import { createRouter, createWebHashHistory } from "vue-router" +import fourCam from "../views/fourCam.vue"; +import Cam1Focus from "../views/Cam1Focus.vue"; +import Cam2Focus from "../views/Cam2Focus.vue"; +import test from "../views/test.vue"; + + +const routes = [ + { path: '/', component: fourCam }, + { path: '/1', component: Cam1Focus }, + { path: '/2', component: Cam2Focus }, + { path: '/test', component: test }, +] + +const router = createRouter({ + // 4. Provide the history implementation to use. We + // are using the hash history for simplicity here. + history: createWebHashHistory(), + routes, // short for `routes: routes` +}) + +export default router diff --git a/src/testDisplayComponents.vue b/src/testDisplayComponents.vue new file mode 100644 index 0000000..943aa5d --- /dev/null +++ b/src/testDisplayComponents.vue @@ -0,0 +1,31 @@ + + + + + diff --git a/src/views/Cam1Focus.vue b/src/views/Cam1Focus.vue new file mode 100644 index 0000000..4535e1e --- /dev/null +++ b/src/views/Cam1Focus.vue @@ -0,0 +1,20 @@ + + + + + \ No newline at end of file diff --git a/src/views/Cam2Focus.vue b/src/views/Cam2Focus.vue new file mode 100644 index 0000000..fd80919 --- /dev/null +++ b/src/views/Cam2Focus.vue @@ -0,0 +1,20 @@ + + + + + \ No newline at end of file diff --git a/src/views/fourCam.vue b/src/views/fourCam.vue new file mode 100644 index 0000000..bf9d7c6 --- /dev/null +++ b/src/views/fourCam.vue @@ -0,0 +1,21 @@ + + + \ No newline at end of file diff --git a/src/views/test.vue b/src/views/test.vue new file mode 100644 index 0000000..df09912 --- /dev/null +++ b/src/views/test.vue @@ -0,0 +1,14 @@ + + + \ No newline at end of file