Vite App

From cbbed6346a437e6b9f05f646f1df0c77d2fb36eb Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Sat, 4 Jun 2022 22:40:48 +0200 Subject: Migrate to VueJS 3 --- .browserslistrc | 3 - .eslintrc.cjs | 14 + .eslintrc.js | 15 - babel.config.js | 3 - index.html | 13 + package.json | 33 +- public/index.html | 18 - src/App.vue | 6 +- src/assets/app.scss | 2 +- src/components/SearchInput.vue | 2 +- src/components/Service.vue | 5 +- src/main.js | 16 +- vite.config.js | 15 + vue.config.js | 32 - yarn.lock | 10061 +++++++++++---------------------------- 15 files changed, 2758 insertions(+), 7480 deletions(-) delete mode 100644 .browserslistrc create mode 100644 .eslintrc.cjs delete mode 100644 .eslintrc.js delete mode 100644 babel.config.js create mode 100644 index.html delete mode 100644 public/index.html create mode 100644 vite.config.js delete mode 100644 vue.config.js diff --git a/.browserslistrc b/.browserslistrc deleted file mode 100644 index 214388f..0000000 --- a/.browserslistrc +++ /dev/null @@ -1,3 +0,0 @@ -> 1% -last 2 versions -not dead diff --git a/.eslintrc.cjs b/.eslintrc.cjs new file mode 100644 index 0000000..ed2ab70 --- /dev/null +++ b/.eslintrc.cjs @@ -0,0 +1,14 @@ +/* eslint-env node */ +require("@rushstack/eslint-patch/modern-module-resolution"); + +module.exports = { + root: true, + extends: [ + "plugin:vue/vue3-essential", + "eslint:recommended", + "@vue/eslint-config-prettier", + ], + env: { + "vue/setup-compiler-macros": true, + }, +}; diff --git a/.eslintrc.js b/.eslintrc.js deleted file mode 100644 index 2ac7400..0000000 --- a/.eslintrc.js +++ /dev/null @@ -1,15 +0,0 @@ -module.exports = { - root: true, - env: { - node: true, - }, - extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"], - parserOptions: { - parser: "babel-eslint", - }, - rules: { - "no-console": "off", - "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", - "vue/require-v-for-key": "off", - }, -}; diff --git a/babel.config.js b/babel.config.js deleted file mode 100644 index 162a3ea..0000000 --- a/babel.config.js +++ /dev/null @@ -1,3 +0,0 @@ -module.exports = { - presets: ["@vue/cli-plugin-babel/preset"], -}; diff --git a/index.html b/index.html new file mode 100644 index 0000000..030a6ff --- /dev/null +++ b/index.html @@ -0,0 +1,13 @@ + + + + + + + Vite App + + +

+ + + diff --git a/package.json b/package.json index 8af02e9..9efa8a1 100644 --- a/package.json +++ b/package.json @@ -2,34 +2,29 @@ "name": "homer", "version": "21.09.1", "scripts": { - "serve": "vue-cli-service serve", - "build": "vue-cli-service build", - "lint": "vue-cli-service lint" + "dev": "vite", + "build": "vite build", + "preview": "vite preview --port 5050", + "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs --fix --ignore-path .gitignore" }, "dependencies": { "@fortawesome/fontawesome-free": "^6.1.1", "bulma": "^0.9.4", - "core-js": "^3.22.7", "js-yaml": "^4.1.0", "lodash.merge": "^4.6.2", "register-service-worker": "^1.7.2", - "vue": "^2.6.14" + "vue": "^3.2.33" }, "devDependencies": { - "@vue/cli-plugin-babel": "~4.5.19", - "@vue/cli-plugin-eslint": "~4.5.19", - "@vue/cli-plugin-pwa": "~4.5.19", - "@vue/cli-service": "~4.5.19", - "@vue/eslint-config-prettier": "^6.0.0", - "babel-eslint": "^10.1.0", - "eslint": "^6.7.2", - "eslint-plugin-prettier": "^3.3.1", - "eslint-plugin-vue": "^6.2.2", - "prettier": "^2.2.1", - "raw-loader": "^4.0.2", - "sass": "^1.26.5", - "sass-loader": "^8.0.2", - "vue-template-compiler": "^2.6.12" + "@rushstack/eslint-patch": "^1.1.0", + "@vitejs/plugin-vue": "^2.3.1", + "@vue/cli-plugin-pwa": "^5.0.4", + "@vue/eslint-config-prettier": "^7.0.0", + "eslint": "^8.5.0", + "eslint-plugin-vue": "^8.2.0", + "prettier": "^2.5.1", + "sass": "^1.52.2", + "vite": "^2.9.9" }, "license": "Apache-2.0" } diff --git a/public/index.html b/public/index.html deleted file mode 100644 index e38d444..0000000 --- a/public/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - - <%= htmlWebpackPlugin.options.title %> - - - -

- - - diff --git a/src/App.vue b/src/App.vue index 664867f..43ba322 100644 --- a/src/App.vue +++ b/src/App.vue @@ -140,8 +140,8 @@ diff --git a/src/components/services/UptimeKuma.vue b/src/components/services/UptimeKuma.vue index 3be53b8..5117a05 100644 --- a/src/components/services/UptimeKuma.vue +++ b/src/components/services/UptimeKuma.vue @@ -99,6 +99,7 @@ export default { }, }, created() { + /* eslint-disable */ this.item.url = `${this.item.url}/status/${this.dashboard}`; this.fetchStatus(); }, diff --git a/vite.config.js b/vite.config.js index 0400b78..262f311 100644 --- a/vite.config.js +++ b/vite.config.js @@ -1,4 +1,4 @@ -import { VitePWA } from 'vite-plugin-pwa' +import { VitePWA } from "vite-plugin-pwa"; import { fileURLToPath, URL } from "url"; import { defineConfig } from "vite"; @@ -10,30 +10,30 @@ export default defineConfig({ assetsDir: "resources", }, plugins: [ - vue(), - VitePWA({ - registerType: 'autoUpdate', + vue(), + VitePWA({ + registerType: "autoUpdate", useCredentials: true, manifestFilename: "assets/manifest.json", manifest: { - name: 'Homer dashboard', - short_name: 'Homer', - description: 'Home Server Dashboard', - theme_color: '#3367D6', + name: "Homer dashboard", + short_name: "Homer", + description: "Home Server Dashboard", + theme_color: "#3367D6", icons: [ { - src: 'pwa-192x192.png', - sizes: '192x192', - type: 'image/png' + src: "pwa-192x192.png", + sizes: "192x192", + type: "image/png", }, { - src: 'pwa-512x512.png', - sizes: '512x512', - type: 'image/png' - } + src: "pwa-512x512.png", + sizes: "512x512", + type: "image/png", + }, ], }, - }) + }), ], resolve: { alias: { @@ -41,4 +41,3 @@ export default defineConfig({ }, }, }); - -- cgit v1.2.3 From 5890d4193253a7cc204a3e44e94ffdce3fb68ff5 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Sun, 3 Jul 2022 22:09:14 +0200 Subject: Missing eof --- lighttpd.conf | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/lighttpd.conf b/lighttpd.conf index f62657a..fa0cfb2 100644 --- a/lighttpd.conf +++ b/lighttpd.conf @@ -8,4 +8,4 @@ server.document-root = "/www" alias.url = ( env.SUBFOLDER => "/www" ) server.indexfiles = ("index.html") server.follow-symlink = "enable" -server.feature-flags += ( "server.clock-jump-restart" => 0 ) \ No newline at end of file +server.feature-flags += ( "server.clock-jump-restart" => 0 ) -- cgit v1.2.3 From 73d52dbd380471100a6a1eca341b0e98aa5c692e Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Sun, 3 Jul 2022 22:43:01 +0200 Subject: Add missing icons --- index.html | 1 + public/logo.png | Bin 0 -> 27504 bytes vite.config.js | 6 ++++++ 3 files changed, 7 insertions(+) create mode 100644 public/logo.png diff --git a/index.html b/index.html index e908198..58f531c 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + Homer diff --git a/public/logo.png b/public/logo.png new file mode 100644 index 0000000..1834721 Binary files /dev/null and b/public/logo.png differ diff --git a/vite.config.js b/vite.config.js index 262f311..b568fe6 100644 --- a/vite.config.js +++ b/vite.config.js @@ -31,6 +31,12 @@ export default defineConfig({ sizes: "512x512", type: "image/png", }, + { + src: 'pwa-512x512.png', + sizes: '512x512', + type: 'image/png', + purpose: 'any maskable' + } ], }, }), -- cgit v1.2.3 From 2f1aff4dc5115232b16faf20e85ac4a90677661a Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Mon, 4 Jul 2022 22:17:41 +0200 Subject: Fix icons path --- vite.config.js | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/vite.config.js b/vite.config.js index b568fe6..46fe909 100644 --- a/vite.config.js +++ b/vite.config.js @@ -22,21 +22,15 @@ export default defineConfig({ theme_color: "#3367D6", icons: [ { - src: "pwa-192x192.png", + src: "./icons/pwa-192x192.png", sizes: "192x192", type: "image/png", }, { - src: "pwa-512x512.png", + src: "./icons/pwa-512x512.png", sizes: "512x512", type: "image/png", }, - { - src: 'pwa-512x512.png', - sizes: '512x512', - type: 'image/png', - purpose: 'any maskable' - } ], }, }), -- cgit v1.2.3 From 4b639b1c100fc579922457bd4d3e9f52d29749e4 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Mon, 11 Jul 2022 20:58:57 +0200 Subject: Uniform workflow yaml style --- .github/workflows/integration.yml | 15 +++++++++++---- .github/workflows/release.yml | 13 +++++++++---- 2 files changed, 20 insertions(+), 8 deletions(-) diff --git a/.github/workflows/integration.yml b/.github/workflows/integration.yml index 257f758..258e77e 100644 --- a/.github/workflows/integration.yml +++ b/.github/workflows/integration.yml @@ -20,12 +20,19 @@ jobs: # See supported Node.js release schedule at https://nodejs.org/en/about/releases/ steps: - - uses: actions/checkout@v3 - - name: Use Node.js ${{ matrix.node-version }} + - + name: Checkout + uses: actions/checkout@v3 + - + name: Use Node.js ${{ matrix.node-version }} uses: actions/setup-node@v2 with: node-version: ${{ matrix.node-version }} cache: 'yarn' - - run: yarn install - - run: yarn lint + - + name: install dependencies + run: yarn install + - + name: Check code style & potentential issues + run: yarn lint diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 62c15a8..66bfb5b 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -10,15 +10,20 @@ jobs: name: Upload Release Asset runs-on: ubuntu-latest steps: - - uses: actions/checkout@v3 - - name: Build project + - + name: Checkout + uses: actions/checkout@v3 + - + name: Build project run: | yarn install yarn build - - name: Create artifact + - + name: Create artifact working-directory: "dist" run: zip -r ../homer.zip ./* - - name: Create Release + - + name: Create Release id: create_release uses: softprops/action-gh-release@v1 with: -- cgit v1.2.3 From 5609315fe77da5441a9c3dda8d92c0ffe9f1bf17 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Mon, 11 Jul 2022 21:00:01 +0200 Subject: Simplify index & fix logo path --- index.html | 8 +++----- public/assets/icons/logo.svg | 1 + public/logo.svg | 1 - 3 files changed, 4 insertions(+), 6 deletions(-) create mode 100644 public/assets/icons/logo.svg delete mode 100644 public/logo.svg diff --git a/index.html b/index.html index 58f531c..a08e126 100644 --- a/index.html +++ b/index.html @@ -2,13 +2,11 @@ - - - - + + + Homer -

diff --git a/public/assets/icons/logo.svg b/public/assets/icons/logo.svg new file mode 100644 index 0000000..89b99a1 --- /dev/null +++ b/public/assets/icons/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/logo.svg b/public/logo.svg deleted file mode 100644 index 89b99a1..0000000 --- a/public/logo.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file -- cgit v1.2.3 From ce391840e58d04f74ca1d411a4686801fc1a1a70 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Mon, 11 Jul 2022 22:07:15 +0200 Subject: Documentation update --- docs/configuration.md | 27 ++------------------------- docs/customservices.md | 6 ++++++ docs/development.md | 4 ++-- 3 files changed, 10 insertions(+), 27 deletions(-) diff --git a/docs/configuration.md b/docs/configuration.md index a4da08b..10edf71 100644 --- a/docs/configuration.md +++ b/docs/configuration.md @@ -152,7 +152,7 @@ services: # background: red # optional color for card to set color directly without custom stylesheet ``` -View [Custom Services](customservices.md) for details about all available custom services (like PiHole) and how to configure them. +View **[Custom Services](customservices.md)** for details about all available custom services (like `PiHole`) and how to configure them. If you choose to fetch message information from an endpoint, the output format should be as follows (or you can [custom map fields as shown in tips-and-tricks](./tips-and-tricks.md#mapping-fields)): @@ -180,27 +180,4 @@ You can read the [bulma modifiers page](https://bulma.io/documentation/modifiers ## PWA Icons -In order to easily generate all required icon preset for the PWA to work, a tool like [vue-pwa-asset-generator](https://www.npmjs.com/package/vue-pwa-asset-generator) can be used: - -```bash -npx vue-pwa-asset-generator -a {your_512x512_source_png} -o {your_output_folder} -``` - -## Supported services - -Currently the following services are supported for showing quick infos on the card. They can be used by setting the type to one of the following values at the item. - -- PiHole -- AdGuardHome -- PaperlessNG -- Mealie - -## Additional configuration - -### Paperless - -For Paperless you need an API-Key which you have to store at the item in the field `apikey`. - -### Mealie - -First off make sure to remove an existing `subtitle` as it will take precedence if set. Setting `type: "Mealie"` will then show the number of recipes Mealie is keeping organized or the planned meal for today if one is planned. You will have to set an API key in the field `apikey` which can be created in your Mealie installation. +See icons documentation [here](https://github.com/bastienwirtz/homer/blob/main/public/assets/icons/README.md). diff --git a/docs/customservices.md b/docs/customservices.md index efe8ca4..6a54400 100644 --- a/docs/customservices.md +++ b/docs/customservices.md @@ -19,6 +19,7 @@ within Homer: + [Emby / Jellyfin](#emby--jellyfin) + [Uptime Kuma](#uptime-kuma) + [Tautulli](#tautulli) ++ [Mealie](#mealie) If you experiencing any issue, please have a look to the [troubleshooting](troubleshooting.md) page. @@ -223,3 +224,8 @@ endpoint pointing to Tautulli! type: "Tautulli" apikey: "MY-SUPER-SECRET-API-KEY" ``` + +## Mealie + +First off make sure to remove an existing `subtitle` as it will take precedence if set. +Setting `type: "Mealie"` will then show the number of recipes Mealie is keeping organized or the planned meal for today if one is planned. You will have to set an API key in the field `apikey` which can be created in your Mealie installation. diff --git a/docs/development.md b/docs/development.md index a22ae0b..85781a1 100644 --- a/docs/development.md +++ b/docs/development.md @@ -5,11 +5,11 @@ If you want to contribute to Homer, please read the [contributing guidelines](ht ```sh # Using yarn (recommended) yarn install -yarn serve +yarn dev # **OR** Using npm npm install -npm run serve +npm run dev ``` ## Custom services -- cgit v1.2.3 From 9582b1871ac63d1e625ccf6c221bd1248a1c9d03 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Mon, 11 Jul 2022 22:07:48 +0200 Subject: Fix search widget --- package.json | 8 ++++---- src/App.vue | 16 +++++++++------- yarn.lock | 35 +++++++++++++++++++++-------------- 3 files changed, 34 insertions(+), 25 deletions(-) diff --git a/package.json b/package.json index 8643569..bd19439 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "homer", - "version": "22.07.1", + "version": "22.07.2", "scripts": { "dev": "vite", "build": "vite build", @@ -19,11 +19,11 @@ "@vitejs/plugin-vue": "^2.3.1", "@vue/eslint-config-prettier": "^7.0.0", "eslint": "^8.5.0", - "eslint-plugin-vue": "^9.1.1", + "eslint-plugin-vue": "^9.2.0", "prettier": "^2.5.1", "sass": "^1.52.2", - "vite": "^2.9.9", - "vite-plugin-pwa": "^0.12.2" + "vite": "^2.9.14", + "vite-plugin-pwa": "^0.12.3" }, "license": "Apache-2.0" } diff --git a/src/App.vue b/src/App.vue index 43ba322..4120fe5 100644 --- a/src/App.vue +++ b/src/App.vue @@ -49,10 +49,10 @@ @@ -255,11 +255,12 @@ export default { }); }, matchesFilter: function (item) { + const needle = this.filter?.toLowerCase(); return ( - item.name.toLowerCase().includes(this.filter) || - (item.subtitle && item.subtitle.toLowerCase().includes(this.filter)) || - (item.tag && item.tag.toLowerCase().includes(this.filter)) || - (item.keywords && item.keywords.toLowerCase().includes(this.filter)) + item.name.toLowerCase().includes(needle) || + (item.subtitle && item.subtitle.toLowerCase().includes(needle)) || + (item.tag && item.tag.toLowerCase().includes(needle)) || + (item.keywords && item.keywords.toLowerCase().includes(needle)) ); }, navigateToFirstService: function (target) { @@ -271,6 +272,7 @@ export default { } }, filterServices: function (filter) { + console.log(filter); this.filter = filter; if (!filter) { diff --git a/yarn.lock b/yarn.lock index b22f2ec..de6a390 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1715,10 +1715,10 @@ eslint-plugin-prettier@^4.0.0: dependencies: prettier-linter-helpers "^1.0.0" -eslint-plugin-vue@^9.1.1: - version "9.1.1" - resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.1.1.tgz#341f7533cb041958455138834341d5be01f9f327" - integrity sha512-W9n5PB1X2jzC7CK6riG0oAcxjmKrjTF6+keL1rni8n57DZeilx/Fulz+IRJK3lYseLNAygN0I62L7DvioW40Tw== +eslint-plugin-vue@^9.2.0: + version "9.2.0" + resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.2.0.tgz#b7ca02b2ce8218b7586346440fc61c2655db353a" + integrity sha512-W2hc+NUXoce8sZtWgZ45miQTy6jNyuSdub5aZ1IBune4JDeAyzucYX0TzkrQ1jMO52sNUDYlCIHDoaNePe0p5g== dependencies: eslint-utils "^3.0.0" natural-compare "^1.4.0" @@ -2679,13 +2679,20 @@ rollup-plugin-terser@^7.0.0: serialize-javascript "^4.0.0" terser "^5.0.0" -rollup@^2.43.1, rollup@^2.59.0, rollup@^2.75.5: +rollup@^2.43.1, rollup@^2.59.0: version "2.75.7" resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.75.7.tgz#221ff11887ae271e37dcc649ba32ce1590aaa0b9" integrity sha512-VSE1iy0eaAYNCxEXaleThdFXqZJ42qDBatAwrfnPlENEZ8erQ+0LYX4JXOLPceWfZpV1VtZwZ3dFCuOZiSyFtQ== optionalDependencies: fsevents "~2.3.2" +rollup@^2.75.7: + version "2.76.0" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.76.0.tgz#c69fe03db530ac53fcb9523b3caa0d3c0b9491a1" + integrity sha512-9jwRIEY1jOzKLj3nsY/yot41r19ITdQrhs+q3ggNWhr9TQgduHqANvPpS32RNpzGklJu3G1AJfvlZLi/6wFgWA== + optionalDependencies: + fsevents "~2.3.2" + run-parallel@^1.1.9: version "1.2.0" resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee" @@ -3005,22 +3012,22 @@ v8-compile-cache@^2.0.3: resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== -vite-plugin-pwa@^0.12.2: - version "0.12.2" - resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.12.2.tgz#d0ec1cd3088260bdc5bf2b10ba753def0b8f3280" - integrity sha512-XK2oi1YZkoc1J8fyerNYxyh/yfb+INdrdOW/mOOD5DBLq7jVPxHQuncIhqiREbGOMlY/xMe9CSE7QZ9xIAEf7A== +vite-plugin-pwa@^0.12.3: + version "0.12.3" + resolved "https://registry.yarnpkg.com/vite-plugin-pwa/-/vite-plugin-pwa-0.12.3.tgz#acf2913ae85a4d39c13ae4b948307f3dd5506fa8" + integrity sha512-gmYdIVXpmBuNjzbJFPZFzxWYrX4lHqwMAlOtjmXBbxApiHjx9QPXKQPJjSpeTeosLKvVbNcKSAAhfxMda0QVNQ== dependencies: debug "^4.3.4" fast-glob "^3.2.11" pretty-bytes "^6.0.0" - rollup "^2.75.5" + rollup "^2.75.7" workbox-build "^6.5.3" workbox-window "^6.5.3" -vite@^2.9.9: - version "2.9.13" - resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.13.tgz#859cb5d4c316c0d8c6ec9866045c0f7858ca6abc" - integrity sha512-AsOBAaT0AD7Mhe8DuK+/kE4aWYFMx/i0ZNi98hJclxb4e0OhQcZYUrvLjIaQ8e59Ui7txcvKMiJC1yftqpQoDw== +vite@^2.9.14: + version "2.9.14" + resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b" + integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw== dependencies: esbuild "^0.14.27" postcss "^8.4.13" -- cgit v1.2.3 From eb030922866f1e753162d99ea6b25a4f4e941b05 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Tue, 12 Jul 2022 14:07:10 +0200 Subject: Fix theming issue & subfolder hosting --- index.html | 2 +- src/assets/app.scss | 2 +- src/main.js | 2 +- vite.config.js | 1 + 4 files changed, 4 insertions(+), 3 deletions(-) diff --git a/index.html b/index.html index a08e126..5a0014c 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ Homer -

diff --git a/src/assets/app.scss b/src/assets/app.scss index 5102f93..d112482 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss @@ -13,7 +13,7 @@ text-overflow: ellipsis; } -html, body, body #app { +html, body, body #app-mount, body #app { height: 100%; background-color: var(--background); } diff --git a/src/main.js b/src/main.js index 164d290..a1d7b47 100644 --- a/src/main.js +++ b/src/main.js @@ -10,4 +10,4 @@ app.component("DynamicStyle", (_props, context) => { return h("style", {}, context.slots); }); -app.mount("#app"); +app.mount("#app-mount"); diff --git a/vite.config.js b/vite.config.js index 46fe909..cee8727 100644 --- a/vite.config.js +++ b/vite.config.js @@ -6,6 +6,7 @@ import vue from "@vitejs/plugin-vue"; // https://vitejs.dev/config/ export default defineConfig({ + base: "", build: { assetsDir: "resources", }, -- cgit v1.2.3 From a46bede230afd80b3fbf562f4d5d7491155e3835 Mon Sep 17 00:00:00 2001 From: Bastien Wirtz Date: Tue, 12 Jul 2022 22:26:45 +0200 Subject: Small fixes --- src/components/DarkMode.vue | 2 +- src/components/Message.vue | 1 - src/components/SettingToggle.vue | 5 ++++- src/components/services/OpenWeather.vue | 4 ++-- 4 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/components/DarkMode.vue b/src/components/DarkMode.vue index 677238a..4318c22 100644 --- a/src/components/DarkMode.vue +++ b/src/components/DarkMode.vue @@ -1,6 +1,6 @@