From 029a83956c6d35b5702cef3c319aa66a691e8feb Mon Sep 17 00:00:00 2001 From: clonbg Date: Fri, 24 Feb 2023 16:08:11 +0100 Subject: [PATCH] loginpage y registerpage --- .vscode/settings.json | 15 ++++------ quasar.config.js | 62 +++++++++++++++++------------------------ src/pages/IndexPage.vue | 7 ++--- src/router/routes.js | 34 +++++++++++++--------- 4 files changed, 53 insertions(+), 65 deletions(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index b3bb1e4..c388369 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -3,13 +3,8 @@ "editor.guides.bracketPairs": true, "editor.formatOnSave": true, "editor.defaultFormatter": "esbenp.prettier-vscode", - "editor.codeActionsOnSave": [ - "source.fixAll.eslint" - ], - "eslint.validate": [ - "javascript", - "javascriptreact", - "typescript", - "vue" - ] -} \ No newline at end of file + "editor.codeActionsOnSave": ["source.fixAll.eslint"], + "eslint.validate": ["javascript", "javascriptreact", "typescript", "vue"], + "editor.fontFamily": "Hack Nerd Font Mono Regular", + "editor.fontSize": 16 +} diff --git a/quasar.config.js b/quasar.config.js index f83b047..41c1c10 100644 --- a/quasar.config.js +++ b/quasar.config.js @@ -8,9 +8,7 @@ // Configuration for your app // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js - -const { configure } = require('quasar/wrappers'); - +const { configure } = require("quasar/wrappers"); module.exports = configure(function (/* ctx */) { return { @@ -20,7 +18,7 @@ module.exports = configure(function (/* ctx */) { // exclude = [], // rawOptions = {}, warnings: true, - errors: true + errors: true, }, // https://v2.quasar.dev/quasar-cli/prefetch-feature @@ -29,15 +27,10 @@ module.exports = configure(function (/* ctx */) { // app boot file (/src/boot) // --> boot files are part of "main.js" // https://v2.quasar.dev/quasar-cli/boot-files - boot: [ - - 'axios', - ], + boot: ["axios"], // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css - css: [ - 'app.css' - ], + css: ["app.css"], // https://github.com/quasarframework/quasar/tree/dev/extras extras: [ @@ -49,18 +42,18 @@ module.exports = configure(function (/* ctx */) { // 'line-awesome', // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both! - 'roboto-font', // optional, you are not bound to it - 'material-icons', // optional, you are not bound to it + "roboto-font", // optional, you are not bound to it + "material-icons", // optional, you are not bound to it ], // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build build: { target: { - browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ], - node: 'node16' + browser: ["es2019", "edge88", "firefox78", "chrome87", "safari13.1"], + node: "node16", }, - vueRouterMode: 'hash', // available values: 'hash', 'history' + vueRouterMode: "history", // available values: 'hash', 'history' // vueRouterBase, // vueDevtools, // vueOptionsAPI: false, @@ -79,7 +72,6 @@ module.exports = configure(function (/* ctx */) { // extendViteConf (viteConf) {}, // viteVuePluginOptions: {}, - // vitePlugins: [ // [ 'package-name', { ..options.. } ] // ] @@ -88,7 +80,7 @@ module.exports = configure(function (/* ctx */) { // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer devServer: { // https: true - open: true // opens browser window automatically + open: true, // opens browser window automatically }, // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework @@ -106,7 +98,7 @@ module.exports = configure(function (/* ctx */) { // directives: [], // Quasar plugins - plugins: [] + plugins: [], }, // animations: 'all', // --- includes all animations @@ -128,7 +120,7 @@ module.exports = configure(function (/* ctx */) { // https://v2.quasar.dev/quasar-cli/developing-ssr/configuring-ssr ssr: { // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name! - // will mess up SSR + // will mess up SSR // extendSSRWebserverConf (esbuildConf) {}, // extendPackageJson (json) {}, @@ -139,19 +131,19 @@ module.exports = configure(function (/* ctx */) { // manualPostHydrationTrigger: true, prodPort: 3000, // The default port that the production server should use - // (gets superseded if process.env.PORT is specified at runtime) + // (gets superseded if process.env.PORT is specified at runtime) middlewares: [ - 'render' // keep this as last one - ] + "render", // keep this as last one + ], }, // https://v2.quasar.dev/quasar-cli/developing-pwa/configuring-pwa pwa: { - workboxMode: 'generateSW', // or 'injectManifest' + workboxMode: "generateSW", // or 'injectManifest' injectPwaMetaTags: true, - swFilename: 'sw.js', - manifestFilename: 'manifest.json', + swFilename: "sw.js", + manifestFilename: "manifest.json", useCredentialsForManifestTag: false, // useFilenameHashes: true, // extendGenerateSWOptions (cfg) {} @@ -167,7 +159,7 @@ module.exports = configure(function (/* ctx */) { // Full list of options: https://v2.quasar.dev/quasar-cli/developing-capacitor-apps/configuring-capacitor capacitor: { - hideSplashscreen: true + hideSplashscreen: true, }, // Full list of options: https://v2.quasar.dev/quasar-cli/developing-electron-apps/configuring-electron @@ -177,17 +169,15 @@ module.exports = configure(function (/* ctx */) { inspectPort: 5858, - bundler: 'packager', // 'packager' or 'builder' + bundler: "packager", // 'packager' or 'builder' packager: { // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options - // OS X / Mac App Store // appBundleId: '', // appCategoryType: '', // osxSign: '', // protocol: 'myapp://path', - // Windows only // win32metadata: { ... } }, @@ -195,18 +185,16 @@ module.exports = configure(function (/* ctx */) { builder: { // https://www.electron.build/configuration/configuration - appId: 'frontend-pocketbase' - } + appId: "frontend-pocketbase", + }, }, // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex bex: { - contentScripts: [ - 'my-content-script' - ], + contentScripts: ["my-content-script"], // extendBexScriptsConf (esbuildConf) {} // extendBexManifestJson (json) {} - } - } + }, + }; }); diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue index 811263c..aa59881 100644 --- a/src/pages/IndexPage.vue +++ b/src/pages/IndexPage.vue @@ -1,14 +1,11 @@ diff --git a/src/router/routes.js b/src/router/routes.js index a731a8f..a1c906c 100644 --- a/src/router/routes.js +++ b/src/router/routes.js @@ -1,19 +1,27 @@ - const routes = [ { - path: '/', - component: () => import('layouts/MainLayout.vue'), + path: "/", + component: () => import("layouts/MainLayout.vue"), children: [ - { path: '', component: () => import('pages/IndexPage.vue') } - ] + { + path: "", + component: () => import("pages/IndexPage.vue"), + meta: { auth: true }, + }, + ], }, - - // Always leave this as last one, - // but you can also remove it { - path: '/:catchAll(.*)*', - component: () => import('pages/ErrorNotFound.vue') - } -] + path: "/login", + component: () => import("pages/LoginPage.vue"), + }, + { + path: "/register", + component: () => import("pages/RegisterPage.vue"), + }, + { + path: "/:catchAll(.*)*", + component: () => import("pages/ErrorNotFound.vue"), + }, +]; -export default routes +export default routes;