Initial setup

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

@@ -0,0 +1,31 @@
+module.exports = {
+    env: {
+        node: true,
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:vue/recommended",
+        "@hellomouse/eslint-config",
+        "prettier",
+    ],
+    rules: {
+        curly: ["error", "multi-or-nest"],
+        "vue/this-in-template": "off",
+        "vue/valid-v-slot": ["off"],
+        "vue/script-setup-uses-vars": "off",
+
+        "no-unused-vars": "warn",
+        "vue/no-unused-vars": "warn",
+
+        "vue/html-indent": ["warn", 4],
+        indent: ["warn", 4],
+
+        "vue/max-attributes-per-line": [
+            "warn",
+            {
+                singleline: 4,
+                multiline: 4,
+            },
+        ],
+    },
+}

.gitignore

@@ -0,0 +1,23 @@
+# Nuxt dev/build outputs
+.output
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+    trailingComma: "none",
+    tabWidth: 4,
+    semi: true,
+    singleQuote: true,
+    printWidth: 120,
+}

README.md

@@ -0,0 +1,63 @@
+# Hellomouse Board
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

TODO.txt

@@ -0,0 +1,8 @@
+https://github.com/nuxt-community/vuetify-module/issues/213
+https://github.com/BayBreezy/nuxt3-vuetify3-starter/blob/main/plugins/vuetify.ts
+
+error page - add github url
+- different errors as well
+
+fonts + iconset
+

assets/css/main.scss

@@ -0,0 +1,22 @@
+// Make buttons less round
+body .v-btn {
+    border-radius: 2px;
+}
+
+// Cards not round
+body .v-sheet.v-card {
+    border-radius: 0;
+}
+
+// Table hover not round
+body .v-data-table > .v-data-table__wrapper tbody tr:first-child:hover td {
+    border-radius: 0 !important;
+}
+
+// --- Start vuetify bug fixes ---- \\
+
+// Remove extra left space in tabs (for button, which doesn't exist
+// when it's disabled)
+.v-slide-group__prev.v-slide-group__prev--disabled {
+    display: none !important;
+}

assets/variables.scss

@@ -0,0 +1 @@
+$secondary-text-opacity: 0.8;

layouts/default.vue

@@ -0,0 +1,15 @@
+<template>
+    <v-app id="main" dark>
+        <v-main class="mx-16 mt-2">
+            <v-container>
+                <slot />
+            </v-container>
+        </v-main>
+    </v-app>
+</template>
+
+<script>
+export default {
+    name: 'DefaultLayout'
+}
+</script>

layouts/error.vue

@@ -0,0 +1,59 @@
+<template>
+    <v-app dark>
+        <div class="error-container">
+            <h1 v-if="error.statusCode === 404">
+                {{ pageNotFound }}
+            </h1>
+            <h1 v-else>
+                {{ error.statusCode + ': ' + otherError }}
+            </h1>
+
+            <p class="text--secondary mt-3">
+                If you think you found a bug, please add it to our
+                <a href="TODO: url">issue tracker</a> on github.
+            </p>
+
+            <v-btn to="/" class="mt-5">Back to Home Page</v-btn>
+        </div>
+    </v-app>
+</template>
+
+<script>
+export default {
+    name: 'EmptyLayout',
+    layout: 'empty',
+    props: {
+        error: {
+            type: Object,
+            default: null,
+        },
+    },
+    data() {
+        return {
+            pageNotFound: '404 Not Found',
+            otherError: 'An error occurred',
+        }
+    },
+    head() {
+        const title = this.error.statusCode === 404 ?
+            this.pageNotFound : this.error.statusCode + ': ' + this.otherError
+        return { title };
+    }
+}
+</script>
+
+<style scoped>
+.error-container {
+    position: absolute;
+    top: 200px;
+    left: 50%;
+    text-align: center;
+    transform: translateX(-50%);
+    width: 300px;
+    max-width: 100%;
+}
+
+h1 {
+    font-size: 40px;
+}
+</style>

nuxt.config.js

@@ -0,0 +1,50 @@
+import vuetify from "vite-plugin-vuetify";
+
+export default {
+    // Global page headers: https://go.nuxtjs.dev/config-head
+    head: {
+        title: "Hellomouse Board",
+        htmlAttrs: {
+            lang: "en",
+        },
+        meta: [
+            { charset: "utf-8" },
+            {
+                name: "viewport",
+                content: "width=device-width, initial-scale=1",
+            },
+            { hid: "description", name: "description", content: "" },
+            { name: "format-detection", content: "telephone=no" },
+        ],
+        link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" }],
+    },
+
+    // Global CSS: https://go.nuxtjs.dev/config-css
+    css: [
+        '@/assets/css/main.scss'
+    ],
+
+    // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
+    plugins: [],
+
+    // Auto import components: https://go.nuxtjs.dev/config-components
+    components: true,
+
+    // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
+    buildModules: [],
+
+    // Modules: https://go.nuxtjs.dev/config-modules
+    modules: [
+        async (options, nuxt) => {
+            nuxt.hooks.hook("vite:extendConfig", (config) =>
+                // @ts-ignore
+                config.plugins.push(vuetify())
+            );
+        },
+    ],
+
+    // Build Configuration: https://go.nuxtjs.dev/config-build
+    build: {
+        transpile: ['vuetify']
+    },
+}