dlodeprojuicer

{"requestedUrl":"https://techconf-db.com/","finalUrl":"https://techconf-db.com/","lighthouseVersion":"9.6.2","userAgent":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/102.0.5005.115 Safari/537.36","fetchTime":"2022-07-28T12:09:22.269Z","environment":{"networkUserAgent":"Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4695.0 Mobile Safari/537.36 Chrome-Lighthouse","hostUserAgent":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/102.0.5005.115 Safari/537.36","benchmarkIndex":989.5},"runWarnings":[],"configSettings":{"emulatedFormFactor":"mobile","formFactor":"mobile","locale":"en-US","onlyCategories":["pwa","performance","accessibility","best-practices","seo"],"channel":"lr"},"audits":{"doctype":{"id":"doctype","title":"Page has the HTML doctype","description":"Specifying a doctype prevents the browser from switching to quirks-mode. [Learn more](https://web.dev/doctype/).","score":1,"sc

dlodeprojuicer

const requireModule = require.context("./views", false, /\.vue$/);
let routes = [];
requireModule.keys().map(file => {
  const moduleName = file.split("/")[1].split(".vue")[0];
  const url = moduleName.replace(/([a-zA-Z])(?=[A-Z])/g, "$1-").toLowerCase();

  if (moduleName.match(new RegExp(/^[A-Z]/)) === null) {
    throw `Page file name must start with uppercase - ${file}`;
  }

dlodeprojuicer

let routes = [];
requireModule.keys().map(file => {
  // filename string example `./Home.vue`
  const moduleName = file.split("/")[1].split(".vue")[0];

  const url = moduleName.replace(/([a-zA-Z])(?=[A-Z])/g, "$1-").toLowerCase();

  routes.push({
    path: `/${url}`,
    name: url,

dlodeprojuicer

requireModule.keys().map(file => {
  // filename string example `./Home.vue`
  const moduleName = file.split("/")[1].split(".vue")[0];

  const url = moduleName.replace(/([a-zA-Z])(?=[A-Z])/g, "$1-").toLowerCase();
});

dlodeprojuicer

import Vue from 'vue'

// for Vue setup only
import VueRouter from 'vue-router'

// for Ionic-Vue setup only
import { IonicVueRouter } from "@ionic/vue";

import Home from "./views/Home"
import About from "./views/About"

dlodeprojuicer

<div v-if="watchError">{{ watchError }}s</div>
<ion-card>
  <ion-card-header>
    <ion-card-subtitle>{{ smsObj.date }}</ion-card-subtitle>
    <ion-card-title>{{ smsObj.address }}</ion-card-title>
  </ion-card-header>
  <ion-card-content>{{ smsObj.body }}</ion-card-content>
</ion-card>

dlodeprojuicer

<script>
import moment from "moment";
export default {
  name: "home",
  mounted() {
    // There must be a better way of adding this addEventListener
    document.addEventListener("deviceready", () => {
      this.startWatch();
    });
  },