dave/rfd-fyi
1
0
Fork 0
mirror of https://github.com/davegallant/rfd-fyi.git synced 2025-10-03 23:16:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: dave:878b6ceb325f1fc7ee6c2b70fbce4a130f970496
Branches Tags
dave:main dave:renovate/vite-7.x dave:renovate/vitejs-plugin-vue-6.x dave:renovate/sass-embedded-1.x-lockfile dave:renovate/npm-vite-vulnerability dave:renovate/npm-axios-vulnerability dave:renovate/eslint-plugin-vue-10.x dave:renovate/major-eslint-monorepo
..
compare: dave:renovate/npm-axios-vulnerability
Branches Tags
dave:renovate/vite-7.x dave:renovate/vitejs-plugin-vue-6.x dave:renovate/sass-embedded-1.x-lockfile dave:main dave:renovate/npm-vite-vulnerability dave:renovate/npm-axios-vulnerability dave:renovate/eslint-plugin-vue-10.x dave:renovate/major-eslint-monorepo

3 Commits
878b6ceb32 ... renovate/n

Author SHA1 Message Date
Dave Gallant
71aef2f1e7 Merge branch 'main' into renovate/npm-axios-vulnerability 2025-08-13 14:29:18 -04:00
Dave Gallant
2655f17ea5 Merge branch 'main' into renovate/npm-axios-vulnerability 2025-07-23 20:03:51 -04:00
renovate[bot]
0555770086 Update dependency axios to v1.11.0 [SECURITY] 2025-07-23 17:04:16 +00:00
18 changed files with 572 additions and 2435 deletions
Expand all files Collapse all files

4
.browserslistrc
View File

@@ -1,4 +0,0 @@
> 1%
last 2 versions
not dead
not ie 11

2
.github/workflows/dependency-review.yml vendored
View File

@@ -15,6 +15,6 @@ jobs:
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- name: 'Checkout Repository' - name: 'Checkout Repository'
uses: actions/checkout@v5 uses: actions/checkout@v4
- name: 'Dependency Review' - name: 'Dependency Review'
uses: actions/dependency-review-action@v4 uses: actions/dependency-review-action@v4

4
.github/workflows/publish-containers.yml vendored
View File

@@ -10,7 +10,7 @@ jobs:
name: Publish rfd-fyi-backend name: Publish rfd-fyi-backend
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/checkout@v5 - uses: actions/checkout@v4
- name: Prepare - name: Prepare
id: prep id: prep
@@ -50,7 +50,7 @@ jobs:
name: Publish rfd-fyi-frontend name: Publish rfd-fyi-frontend
runs-on: ubuntu-latest runs-on: ubuntu-latest
steps: steps:
- uses: actions/checkout@v5 - uses: actions/checkout@v4
- name: Prepare - name: Prepare
id: prep id: prep

4
Caddyfile
View File

@@ -2,3 +2,7 @@ rfd.davegallant.ca {
file_server file_server
reverse_proxy /api/* backend:8080 reverse_proxy /api/* backend:8080
} }
rfd.fyi {
redir https://rfd.davegallant.ca{uri} 301
}

2
Dockerfile
View File

@@ -10,7 +10,7 @@ COPY . .
RUN npm run build RUN npm run build
FROM caddy:2.10.2-alpine as runtime FROM caddy:2.10.0-alpine as runtime
WORKDIR /my-site WORKDIR /my-site

3
Makefile
View File

@@ -20,7 +20,8 @@ backend:
## frontend: Build and run the frontend from source ## frontend: Build and run the frontend from source
frontend: frontend:
@npm run serve @npm install @vue/cli-service
@npx vue-cli-service serve
.PHONY: frontend .PHONY: frontend
## dev: Build and run in docker compose ## dev: Build and run in docker compose

2
backend/Dockerfile
View File

@@ -1,4 +1,4 @@
# syntax=docker/dockerfile:1.18 # syntax=docker/dockerfile:1.17
FROM cgr.dev/chainguard/go:latest as build FROM cgr.dev/chainguard/go:latest as build
WORKDIR /src WORKDIR /src

2559
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

36
package.json
View File

@@ -3,42 +3,36 @@
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
"serve": "vite", "serve": "vue-cli-service serve",
"preview": "vite preview", "build": "vue-cli-service build",
"build": "vite build", "lint": "vue-cli-service lint"
"lint": "eslint . --fix"
}, },
"dependencies": { "dependencies": {
"@fontsource/roboto": "5.2.6",
"@github/hotkey": "^3.0.0", "@github/hotkey": "^3.0.0",
"@mdi/font": "7.4.47",
"@popperjs/core": "^2.11.8", "@popperjs/core": "^2.11.8",
"axios": "^1.11.0", "axios": "^1.11.0",
"bootstrap": "^5.3.1",
"bootstrap-vue": "^2.22.0",
"core-js": "^3.32.1", "core-js": "^3.32.1",
"cssnano": "^7.0.0", "cssnano": "^7.0.0",
"jquery": "^3.7.0", "jquery": "^3.7.0",
"moment": "^2.29.4", "moment": "^2.29.4",
"vue": "^3.5.17", "vue": "^3.3.4",
"vue-github-button": "^3.0.3", "vue-github-button": "^3.0.3",
"vue-loading-overlay": "^6.0.3", "vue-loading-overlay": "^6.0.3",
"vue-router": "^4.5.1", "vue-router": "4.5.1"
"vuetify": "^3.9.6"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.22.10", "@babel/core": "^7.22.10",
"@babel/eslint-parser": "^7.22.10", "@babel/eslint-parser": "^7.22.10",
"@vitejs/plugin-vue": "^5.2.3", "@types/bootstrap": "^5.2.6",
"@types/mousetrap": "^1.6.11",
"@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0",
"@vue/cli-service": "^5.0.9", "@vue/cli-service": "^5.0.8",
"eslint": "^8.47.0", "eslint": "^8.47.0",
"eslint-plugin-vue": "^9.17.0", "eslint-plugin-vue": "^9.17.0",
"postcss-cli": "^11.0.0", "postcss-cli": "^11.0.0"
"sass-embedded": "^1.89.2",
"unplugin-fonts": "^1.3.1",
"unplugin-vue-components": "^29.0.0",
"vite": "^7.0.0",
"vite-plugin-vuetify": "^2.1.1"
}, },
"eslintConfig": { "eslintConfig": {
"root": true, "root": true,
@@ -53,5 +47,11 @@
"parser": "@babel/eslint-parser" "parser": "@babel/eslint-parser"
}, },
"rules": {} "rules": {}
} },
"browserslist": [
"> 1%",
"last 2 versions",
"not dead",
"not ie 11"
]
} }

7
index.html → public/index.html
View File

@@ -11,11 +11,7 @@
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
/> />
<title>rfd-fyi - An overlay of hot deals</title> <title>rfd-fyi - An overlay of hot deals</title>
<script <script defer src="https://umami.snake-cloud.ts.net/script.js" data-website-id="59ffe8be-509a-471e-8cd6-a63c5b35b7aa"></script>
defer
src="https://umami.snake-cloud.ts.net/script.js"
data-website-id="59ffe8be-509a-471e-8cd6-a63c5b35b7aa"
></script>
</head> </head>
<body> <body>
<noscript> <noscript>
@@ -25,7 +21,6 @@
> >
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.js"></script>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>

212
src/App.vue
View File

@@ -5,34 +5,29 @@ import Loading from "vue-loading-overlay";
import { install } from "@github/hotkey"; import { install } from "@github/hotkey";
import "vue-loading-overlay/dist/css/index.css"; import "vue-loading-overlay/dist/css/index.css";
import { ref } from "vue";
export default { export default {
data() { data() {
return { return {
ascending: this.ascending, ascending: this.ascending,
filter: window.location.href.split("filter=")[1] || "", filter: window.location.href.split("filter=")[1] || "",
isLoading: false,
sortColumn: this.sortColumn, sortColumn: this.sortColumn,
topics: [], topics: [],
}; };
}, },
mounted() { mounted() {
window.addEventListener("keydown", this.handleKeyDown); // Install all the hotkeys on the page
for (const el of document.querySelectorAll("[data-hotkey]")) {
install(el);
}
this.sortColumn = localStorage.getItem("sortColumn") || "score";
this.ascending =
localStorage.getItem("ascending") === "false" ? false : true;
this.isLoading = true;
this.fetchDeals(); this.fetchDeals();
}, },
beforeUnmount() {
window.removeEventListener("keydown", this.handleKeyDown);
},
methods: { methods: {
handleKeyDown(event) {
const isInput = ["INPUT", "TEXTAREA"].includes(
document.activeElement.tagName
);
if (event.key === "/" && !isInput) {
event.preventDefault(); // prevent typing `/` into whatever is focused
this.$refs.filter.focus();
}
},
createFilterRoute(params) { createFilterRoute(params) {
this.$refs.filter.blur(); this.$refs.filter.blur();
history.pushState( history.pushState(
@@ -42,15 +37,49 @@ export default {
); );
}, },
fetchDeals() { fetchDeals() {
this.isLoading = true;
axios axios
.get("api/v1/topics") .get("api/v1/topics")
.then((response) => { .then((response) => {
this.topics = response.data; this.topics = response.data;
this.isLoading = false;
this.sortTable(this.sortColumn, false);
}) })
.catch((err) => { .catch((err) => {
console.log(err.response); console.log(err.response);
}); });
}, },
sortTable: function sortTable(col, flipAscending) {
if (this.sortColumn === col && flipAscending) {
this.ascending = !this.ascending;
}
var ascending = this.ascending;
localStorage.setItem("ascending", this.ascending);
localStorage.setItem("sortColumn", col);
this.sortColumn = col;
this.topics.sort(function (a, b) {
if (a[col] > b[col]) {
return ascending ? -1 : 1;
} else if (a[col] < b[col]) {
return ascending ? 1 : -1;
}
return 0;
});
},
isMobile() {
if (
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
navigator.userAgent
)
) {
return true;
} else {
return false;
}
},
}, },
computed: { computed: {
formatDate() { formatDate() {
@@ -58,6 +87,14 @@ export default {
return moment(String(v)).format("hh:mm A z (MM/DD)"); return moment(String(v)).format("hh:mm A z (MM/DD)");
}; };
}, },
columns() {
return {
Deal: "deal",
Score: "score",
Views: "total_views",
"Last Reply": "last_post_time",
};
},
filteredTopics() { filteredTopics() {
return this.topics.filter((row) => { return this.topics.filter((row) => {
const titles = ( const titles = (
@@ -80,82 +117,104 @@ export default {
return v.replace(re, (matchedText) => `<mark>${matchedText}</mark>`); return v.replace(re, (matchedText) => `<mark>${matchedText}</mark>`);
}; };
}, },
showBeforeTargetDate() {
const now = new Date();
const target = new Date('2025-08-20T00:00:00');
return now < target;
}
},
components: {
Loading,
}, },
}; };
</script> </script>
<script setup>
const headers = [
{ title: "Deal", value: "title", align: "center" },
{ title: "Score", value: "score", align: "center", sortable: true },
{ title: "Views", value: "total_views", align: "center", sortable: true },
{
title: "Last Post",
value: "last_post_time",
align: "center",
sortable: true,
},
];
const sortBy = ref([{ key: "score", order: "desc" }]); // Vuetify 3 format
</script>
<template> <template>
<v-app> <link rel="shortcut icon" type="image/png" href="/favicon.png" />
<v-main> <body>
<link rel="shortcut icon" type="image/png" href="/favicon.png" /> <input
<body> class="form-control"
<v-text-field type="text"
v-model="filter" id="filter"
label="Filter" placeholder="Filter"
ref="filter"
@keyup.enter="createFilterRoute(filter.toString())" data-hotkey="/"
@keyup.esc="$refs.filter.blur()" v-model="filter"
hide-details="true" v-on:keyup.enter="createFilterRoute(this.filter.toString())"
/> v-on:keyup.escape="this.$refs.filter.blur()"
<v-data-table ref="filter"
:headers="headers" />
:items="filteredTopics" <table class="table table-hover">
:sort-by="sortColumn" <thead class="thead text-muted">
v-model:sortBy="sortBy" <tr>
:items-per-page="25" <th
v-for="(col, key) in columns"
v-on:click="sortTable(col, true)"
:key="col"
>
{{ key }}
<div
class="arrow"
v-if="col == sortColumn"
v-bind:class="ascending ? 'arrow_up' : 'arrow_down'"
></div>
</th>
</tr>
</thead>
<tbody>
<loading
v-model:active="isLoading"
color="#ccc"
opacity="0"
loader="bars"
:is-full-page="false"
> >
<template #item.title="{ item }"> </loading>
<tr
scope="row"
v-for="(topic, index) in filteredTopics"
:key="`topic.topic_id-${index}`"
>
<td scope="col">
<a <a
:href="`https://forums.redflagdeals.com${item.web_path}`" :href="`https://forums.redflagdeals.com${topic.web_path}`"
target="_blank" target="_blank"
v-html=" v-html="
highlightMatches( highlightMatches(
item.title + ' [' + item.Offer.dealer_name + '] ' topic.title + ' [' + topic.Offer.dealer_name + '] '
) )
" "
></a> ></a>
<a :href="item.Offer.url" target="_blank" v-if="item.Offer.url"> <a
<span class="material-symbols-outlined"> link </span> :href="`${topic.Offer.url}`"
</a> target="_blank"
<span v-else class="material-symbols-outlined"> link_off </span> v-if="topic.Offer.url"
</template> ><span class="material-symbols-outlined"> link </span></a
<template #item.score="{ item }">
<span v-if="item.score > 0" class="green-score"
>+{{ item.score }}</span
> >
<span v-else-if="item.score < 0" class="red-score">{{ <span v-if="!topic.Offer.url" class="material-symbols-outlined">
item.score link_off
}}</span> </span>
<span v-else>{{ item.score }}</span> </td>
</template> <td v-if="topic.score > 0" scope="col" class="green-score">
+{{ topic.score }}
<template #item.last_post_time="{ item }"> </td>
{{ formatDate(item.last_post_time) }} <td v-if="topic.score < 0" scope="col" class="red-score">
</template> {{ topic.score }}
</td>
<template #loading> <td v-if="topic.score == 0" scope="col">
<v-progress-linear indeterminate color="grey" /> {{ topic.score }}
</template> </td>
</v-data-table> <td scope="col">{{ topic.total_views }}</td>
</body> <td scope="col">{{ formatDate(topic.last_post_time) }}</td>
</v-main> </tr>
</v-app> </tbody>
</table>
<div v-if="showBeforeTargetDate">
<footer class="fixed-bottom">
PSA: <a href="https://rfd.fyi">rfd.fyi</a> will not be renewed after 2025-08-20. Please use <a href="https://rfd.davegallant.ca">rfd.davegallant.ca</a>.
</footer>
</div>
</body>
</template> </template>
<style> <style>
@@ -171,4 +230,5 @@ const sortBy = ref([{ key: "score", order: "desc" }]); // Vuetify 3 format
background: #ffc; background: #ffc;
color: black; color: black;
} }
</style> </style>

7
src/main.js
View File

@@ -2,9 +2,10 @@ import { createApp } from "vue";
import App from "./App.vue"; import App from "./App.vue";
import { createRouter, createWebHashHistory } from "vue-router"; import { createRouter, createWebHashHistory } from "vue-router";
import "./theme.css"; import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.min.js";
import { registerPlugins } from "@/plugins"; import "./theme.css";
const routes = []; const routes = [];
@@ -15,7 +16,5 @@ const router = createRouter({
const app = createApp(App); const app = createApp(App);
registerPlugins(app);
app.use(router); app.use(router);
app.mount("#app"); app.mount("#app");

3
src/plugins/README.md
View File

@@ -1,3 +0,0 @@
# Plugins
Plugins are a way to extend the functionality of your Vue application. Use this folder for registering plugins that you want to use globally.

12
src/plugins/index.js
View File

@@ -1,12 +0,0 @@
/**
* plugins/index.js
*
* Automatically included in `./src/main.js`
*/
// Plugins
import vuetify from './vuetify'
export function registerPlugins (app) {
app.use(vuetify)
}

35
src/plugins/vuetify.js
View File

@@ -1,35 +0,0 @@
/**
* plugins/vuetify.js
*
* Framework documentation: https://vuetifyjs.com`
*/
// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
const tokyoNight = {
dark: true,
colors: {
background: "#1a1b26",
surface: "#24283b",
primary: "#7aa2f7",
secondary: "#b4f9f8",
accent: "#ff9e64",
error: "#f7768e",
info: "#2ac3de",
success: "#9ece6a",
warning: "#e0af68",
},
};
// Composables
import { createVuetify } from "vuetify";
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
theme: {
defaultTheme: "tokyoNight",
themes: { tokyoNight },
},
});

50
src/theme.css
View File

@@ -2,6 +2,11 @@ body {
max-width: 100%; max-width: 100%;
} }
.thead {
position: sticky;
top: 0;
}
html { html {
font-family: sans-serif; font-family: sans-serif;
min-width: 100%; min-width: 100%;
@@ -9,6 +14,16 @@ html {
-ms-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} }
a {
color: #96ada5; /**/
}
a:visited {
color: #53514f; /**/
}
a:hover {
color: #d65d03; /**/
}
footer { footer {
background: #212529; background: #212529;
color: white; color: white;
@@ -26,29 +41,28 @@ footer {
} }
.green-score { .green-score {
color: rgb(158, 206, 106) !important; color: rgb(22, 120, 63) !important;
} }
.red-score { .red-score {
color: rgb(247, 118, 142) !important; color: rgb(175, 21, 21) !important;
} }
a { .arrow_down {
color: var(--v-theme-primary); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAaCAYAAABPY4eKAAAAAXNSR0IArs4c6QAAAvlJREFUSA29Vk1PGlEUHQaiiewslpUJiyYs2yb9AyRuJGm7c0VJoFXSX9A0sSZN04ULF12YEBQDhMCuSZOm1FhTiLY2Rky0QPlQBLRUsICoIN/0PCsGyox26NC3eTNn3r3n3TvnvvsE1PkwGo3yUqkkEQqFgw2Mz7lWqwng7ztN06mxsTEv8U0Aam5u7r5EInkplUol/f391wAJCc7nEAgE9Uwmkzo4OPiJMa1Wq6cFs7Ozt0H6RqlUDmJXfPIx+qrX69Ti4mIyHA5r6Wq1egND+j+IyW6QAUoul18XiUTDNHaSyGazKcZtdgk8wqhUKh9o/OMvsVgsfHJy0iWqVrcQNRUMBnd6enqc9MjISAmRP3e73T9al3XnbWNjIw2+KY1Gc3imsNHR0YV4PP5+d3e32h3K316TySQFoX2WyWR2glzIO5fLTSD6IElLNwbqnFpbWyO/96lCoai0cZjN5kfYQAYi5H34fL6cxWIZbya9iJyAhULBHAqFVlMpfsV/fHxMeb3er+Vy+VUzeduzwWC45XA4dlD/vEXvdDrj8DvURsYEWK3WF4FA4JQP9mg0WrHZbEYmnpa0NxYgPVObm5teiLABdTQT8a6vrwdRWhOcHMzMzCiXlpb2/yV6qDttMpkeshEzRk4Wo/bfoe4X9vb2amzGl+HoXNT29vZqsVi0sK1jJScG+Xx+HGkL4Tew2TPi5zUdQQt9otPpuBk3e0TaHmMDh1zS7/f780S0zX6Yni+NnBj09fUZUfvudDrNZN+GkQbl8Xi8RLRtHzsB9Hr9nfn5+SjSeWUCXC7XPq5kw53wsNogjZNohYXL2EljstvtrAL70/mVaW8Y4OidRO1/gwgbUMvcqGmcDc9aPvD1gnTeQ+0nmaInokRj0nHh+uvIiVOtVvt2a2vLv7Ky0tL3cRTXIcpPAwMDpq6R4/JXE4vFQ5FI5CN+QTaRSFCYc8vLy1l0rge4ARe5kJ/d27kYkLXoy2Jo4C7K8CZOsEBvb+9rlUp1xNXPL7v3IDwxvPD6AAAAAElFTkSuQmCC");
}
.arrow_up {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAAXNSR0IArs4c6QAAAwpJREFUSA21Vt1PUmEYP4dvkQ8JFMwtBRocWAkDbiqXrUWXzU1rrTt0bdVqXbb1tbW16C9IBUSmm27cODdneoXjputa6069qwuW6IIBIdLvdaF4OAcOiGeDc87zPs/vd57P96WpFq7p6enbGo1mjKZpeTabjU1MTCRagGnOZHFxcXxtbe1XKpUq7+zslJeXl//Mz8+Hy+Uy3RxSE9qTk5M3otFooVQqgef4Wl9f343FYoEmoISrxuNxFX5f9vb2jhn/PxUKhfLS0tIPfFifUESRUMV8Pv/M6XReRm5rTGQyGeXxeGxYe1ezeBpBOBx2rKysbO7v79d4Wy3Y2Nj4GQqFbgnhaugxwiuGJx99Pp9FLBbXxYTXvTqd7v3MzIy6riIWGxJnMpl7AwMD14xGYyMsSq1WUyQdUqn0eSPlusQIsbGrq+vl4OCgvhFQZd1utyv1en0gEolcqsi47nWJlUrlG5fLZVcoFFy2nDKSDpIWlUoVTCQSEk4lCHmJMZ2GTCbTiMVikfIZ88l7enoos9l8dXt7+z6fDicxSJUokqDX6xXcl2wCROoc0vQCWL3sNfLOSdzR0fHY4XC4tVotl40gmVwup9xuN4OQv+UyqCFGH9rg7SOGYVRcBs3IEG4J0nVnamrqOtvuBDGGgQg9+wHFcVEi4a0LNkbdd6TrPKo8ODc311mteIIYjT/a398/jK+s1jnVM0kXoufCFvq0GuiIGEVgQIhfoygM1QrteEa9dAL7ITiYCt4RMabOK5AyKKzKWtvupLcRciu8D5J0EuDDPyT/Snd39yh6VtY2NhYQSR9G79Ds7OxdskRjEyAufvb7/cPoO5Z6e1+xtVKrq6vfcFzyi/A3ZrPZ3GdNSlwgo5ekE4X2RIQGf2C1WlufFE0GBeGWYQ8YERWLxQtnUVB830MKLZfL9RHir8lkssCn2G751tZWEWe03zTKm15YWPiEiXXTYDB0Ig/t7yd8PRws4EicwWHxO4jHD8/C5HiTTqd1BwcHFozKU89origB+y/kmzgYpgOBQP4fGmUiZmJ+WNgAAAAASUVORK5CYII=");
}
.arrow {
float: right;
width: 10px;
height: 12px;
background-repeat: no-repeat;
background-size: contain;
background-position-y: bottom;
} }
a:hover { .material-symbols-outlined {
color: #d65d03; font-size: medium;
}
a:visited {
color: #53514f;
}
@media (min-width: 769px) {
.v-data-table-header th,
.v-data-table__td,
.v-data-footer {
font-size: 1.2rem;
}
} }

58
vite.config.mjs
View File

@@ -1,58 +0,0 @@
// Plugins
import Components from "unplugin-vue-components/vite";
import Vue from "@vitejs/plugin-vue";
import Vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
import Fonts from "unplugin-fonts/vite";
// Utilities
import { defineConfig } from "vite";
import { fileURLToPath, URL } from "node:url";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
Vue({
template: { transformAssetUrls },
}),
// https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/vite-plugin#readme
Vuetify(),
Components(),
Fonts({
fontsource: {
families: [
{
name: "Roboto",
weights: [100, 300, 400, 500, 700, 900],
styles: ["normal", "italic"],
},
],
},
}),
],
optimizeDeps: {
exclude: ["vuetify"],
},
define: { "process.env": {} },
resolve: {
alias: {
"@": fileURLToPath(new URL("src", import.meta.url)),
},
extensions: [".js", ".json", ".jsx", ".mjs", ".ts", ".tsx", ".vue"],
},
server: {
port: 3000,
proxy: {
"/api": "http://localhost:8080",
},
},
css: {
preprocessorOptions: {
sass: {
api: "modern-compiler",
},
scss: {
api: "modern-compiler",
},
},
},
});

7
vue.config.js Normal file
View File

@@ -0,0 +1,7 @@
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
proxy: "http://localhost:8080",
},
});