Merge pull request #39 from StrangeRanger/dev

Massive overhaul to packages, configurations, etc.

.prettierignore

@@ -0,0 +1,71 @@
+# Node.js modules
+node_modules/
+
+# Nuxt build and output directories
+.nuxt/
+dist/
+
+# Static assets (images, fonts, etc.)
+static/
+public/
+
+# Environment files
+.env
+.env.local
+.env.*.local
+
+# Logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Git files
+.git/
+.gitignore
+
+# Configuration files (if you don’t want them formatted)
+.prettierrc
+.eslintrc
+.vscode/
+.editorconfig
+
+# Ignoring specific config files or directories (optional, based on your project structure)
+package-lock.json
+yarn.lock
+*.lock
+
+# Assets and other binary files
+*.png
+*.jpg
+*.jpeg
+*.gif
+*.svg
+*.ico
+*.webp
+*.mp4
+*.mp3
+*.wav
+*.ogg
+*.flac
+*.ttf
+*.woff
+*.woff2
+*.eot
+*.pdf
+*.zip
+*.tar
+*.gz
+*.bz2
+*.rar
+*.7z
+
+# Coverage reports (for test coverage tools)
+coverage/
+*.lcov
+
+# MacOS specific files
+.DS_Store
+
+# IDE specific files
+.idea/
+*.sublime-

.vscode/settings.json

@@ -5,6 +5,7 @@
         "materialdesignicons",
         "Matomo",
         "nuxtjs",
+        "Parens",
         "pseudonymized",
         "subprocessor",
         "subprocessors",

app.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import MenuDrawer from '@/components/Header/MenuDrawer.vue'
+import { ref } from "vue";
 
-const menu = ref(false)
+const menu = ref(false);
 </script>
 
 <template>
@@ -11,15 +10,15 @@ const menu = ref(false)
       <span class="bg" />
       <v-app-bar class="py-1 px-6 toolbar" :elevation="3" color="#141414">
         <v-toolbar-title class="a-href-link">
-          <NuxtLink to="/"> HThompson </NuxtLink>
+          <NuxtLink to="/">HThompson</NuxtLink>
         </v-toolbar-title>
 
         <v-spacer />
 
         <v-app-bar-nav-icon @click="menu = !menu" />
       </v-app-bar>
 
-      <MenuDrawer v-model="menu" />
+      <AppMenuDrawer v-model="menu" />
 
       <v-main>
         <v-sheet
@@ -36,18 +35,20 @@ const menu = ref(false)
       </v-main>
 
       <v-footer :elevation="3" color="#141414" class="justify-center">
-        <i
-          >Site made by Hunter T. You can find the source code on my
-          <a href="https://github.com/StrangeRanger/HThompson" target="_blank">Github.</a></i
-        >
+        <i>
+          Site made by Hunter T. You can find the source code on my
+          <a href="https://github.com/StrangeRanger/HThompson" target="_blank">
+            Github.
+          </a>
+        </i>
       </v-footer>
     </v-app>
   </NuxtLayout>
 </template>
 
 <style scoped>
 .v-main {
-  background-image: url('/assets/images/3996769.jpg');
+  background-image: url("/assets/images/3996769.jpg");
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;

assets/css/base.css

@@ -41,14 +41,14 @@ body {
     Inter,
     -apple-system,
     BlinkMacSystemFont,
-    'Segoe UI',
+    "Segoe UI",
     Roboto,
     Oxygen,
     Ubuntu,
     Cantarell,
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
     sans-serif;
   font-size: 15px;
   text-rendering: optimizeLegibility;

assets/css/main.css

@@ -1,4 +1,4 @@
-@import './base.css';
+@import "./base.css";
 
 #app {
   margin: 0 auto;

components/Header/MenuDrawer.vue → components/AppMenuDrawer.vue

@@ -1,21 +1,26 @@
 <template>
   <v-navigation-drawer location="right" temporary>
     <v-card rounded="lg" class="mt-6 button-links" elevation="0">
-      <v-card-title id="card-title" elevation="6"> <v-icon icon="mdi-menu" /> Menu </v-card-title>
+      <v-card-title id="card-title" elevation="6">
+        <v-icon icon="mdi-menu" />
+        Menu
+      </v-card-title>
 
       <v-list density="compact">
         <br />
         <v-list-item>
-          <v-btn to="/" variant="outlined" elevation="3"> Home </v-btn>
+          <v-btn to="/" variant="outlined" elevation="3">Home</v-btn>
         </v-list-item>
         <v-list-item>
-          <v-btn to="/about" variant="outlined" elevation="3"> About </v-btn>
+          <v-btn to="/about" variant="outlined" elevation="3">About</v-btn>
         </v-list-item>
         <v-list-item>
-          <v-btn to="/links" variant="outlined" elevation="3"> My Links </v-btn>
+          <v-btn to="/links" variant="outlined" elevation="3">My Links</v-btn>
         </v-list-item>
         <v-list-item>
-          <v-btn to="/policies" variant="outlined" elevation="3"> Web Policy </v-btn>
+          <v-btn to="/policies" variant="outlined" elevation="3">
+            Web Policy
+          </v-btn>
         </v-list-item>
         <v-list-item>
           <v-btn

eslint.config.mjs

@@ -0,0 +1,14 @@
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt({
+  rules: {
+    "vue/html-self-closing": [
+      "error",
+      {
+        html: {
+          void: "always", // Disable 'disallow self-closing on void elements' rule.
+        },
+      },
+    ],
+  },
+});

nuxt.config.ts

@@ -1,32 +1,26 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify'
+import vuetify, { transformAssetUrls } from "vite-plugin-vuetify";
 
 export default defineNuxtConfig({
   devtools: { enabled: true },
-
   build: {
-    transpile: ['vuetify']
+    transpile: ["vuetify"],
   },
-
   modules: [
     (_options, nuxt) => {
-      nuxt.hooks.hook('vite:extendConfig', (config) => {
-        /* @ts-expect-error: 'config.plugins' is possibly 'undefined'.ts(18048) */
-        config.plugins.push(vuetify({ autoImport: true }))
-      })
-    }
+      nuxt.hooks.hook("vite:extendConfig", (config) => {
+        config.plugins.push(vuetify({ autoImport: true }));
+      });
+    },
+    "@nuxt/eslint",
   ],
-
-  plugins: [{ src: '~/plugins/vue-matomo.js', mode: 'client' }],
-
   vite: {
     vue: {
       template: {
-        transformAssetUrls
-      }
-    }
+        transformAssetUrls,
+      },
+    },
   },
-
-  css: ['~/assets/css/main.css'],
-  compatibilityDate: '2024-08-18'
-})
+  css: ["~/assets/css/main.css"],
+  compatibilityDate: "2024-08-18",
+});