profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/manniL/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Alexander Lichter manniL @Developmint Leipzig, Germany https://blog.lichter.io Founder of @Developmint, full-stack dev, @nuxt core maintainer, enjoys working with Vue, Laravel, (No)SQL, TailwindCSS

galvez/vue-stator 168

Vuex alternative based on Vue.observable()

dobromir-hristov/vuecommunity 144

Vue.js community and ecosystem guide, written and maintained by the community itself

davestewart/got-paper 27

The official "got paper?" app – a Vue / Nuxt PWA, optimised for mobile, running in 12 languages

Developmint/npm-stats-api 15

Fetch stats for your NPM packages

albionstatus/albionstatus-website 9

The frontend of https://albionstatus.com

albionstatus/albionstatus-backend 7

The NodeJS microservice that serves data from the MySQL database

manniL/advent-of-code 3

My solutions for the Advent of Code (since 2k17)

albionstatus/albionstatus-scraper-bot 2

The Python script for albionstatus.com that retrieves the current status of the Albion Online servers

manniL/aoc-2019-elixir 1

Solving Advent of Code 2019 with Elixir

startedantfu/unplugin-vue2-script-setup

started time in 7 days

pull request commentexpressjs/compression

Added support for brotli ('br') content-encoding

@dougwilson Any concerns regarding the current state of the PR?

danielgindi

comment created time in 10 days

issue commentIdleon-Companion/IdleonCompanion

[FEAT] Looty Mc Shooty Checklist

Alternative Example: Click here, then click on the Looty Mc Shooty Icon.

grafik

manniL

comment created time in 11 days

pull request commentnuxt-community/pwa-module

feat(workbox): add auto update to change the app content

I think this code should live in the userland. Not every app might want this behavior.

emechpi

comment created time in 14 days

issue commentnuxt/nuxt.js

[Performance] Change smart prefetch strategy to use global IntersectionObserver

Could be a separate PR for sure 👍

manniL

comment created time in 14 days

startedantfu/unplugin-vue-components

started time in 15 days

startedbundesAPI/deutschland

started time in 15 days

issue commentexislow/kleinanzeigen-magic

Error Message - e is not iterable

Do you have any ads running in these accounts? This has been fixed in #6 (but a new release is still pending it seems).

tc-maxx

comment created time in 16 days

issue openedexislow/kleinanzeigen-magic

User feedback when ad has been republished

Hey 👋🏻

Right now, the user does not receive any feedback after pushing the "Top up" button when pushing an ad to the top again. Some notification that the process was successful would be helpful for the user, as well as refreshing the ads in the application.

created time in 16 days

push eventmanniL/kleinanzeigen-magic

Alexander Lichter

commit sha 4e860d7af7dc5c31a88524bd3f925249dc4086eb

feat(price): add VB and zu verschenken info

view details

exislow

commit sha cb4f49534c8348755b9b303a5390b6ad2f74542d

Merge pull request #8 from manniL/fix-zu-verschenken feat(price): add VB and zu verschenken info

view details

push time in 16 days

pull request commentnuxt-community/feed-module

fix: create parent directories if not exist in generate mode

Will trigger a release this week 👍🏻

rclement

comment created time in 25 days

push eventmanniL/workers-graphql-server

Alexander Lichter

commit sha 9392b51d081167a4b63384f449c0b718d8e77b8c

wip

view details

push time in a month

fork manniL/workers-graphql-server

🔥Lightning-fast, globally distributed Apollo GraphQL server, deployed at the edge using Cloudflare Workers

https://graphql-on-workers.signalnerve.com/___graphql

fork in a month

issue commentnuxt/nuxt.js

With Tailwind: adding <style> to SFC breaks HMR

Possibly related: https://github.com/tailwindlabs/tailwindcss/issues/4968 and https://github.com/nuxt/postcss8/issues/18

Akryum

comment created time in a month

issue closednuxt/nuxt.js

window is not defined Nuxt 2.15.7 in development

<!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚

IMPORTANT Before reporting a bug:

  • Please make sure that you have read through Nuxt documentation: https://nuxtjs.org
  • If issue is related to a module please create the issue in corresponding repository
  • Ensure using latest version of nuxt dependencies using yarn upgrade nuxt or npm upgrade nuxt

👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible. -->

Versions

  • nuxt: v2.15.7
  • node: v12.18.2

Reproduction

<!-- Link to a minimal test case based on one of:

  • A fork of https://template.nuxtjs.org
  • A GitHub repository that can reproduce the bug Without a reproduction, it is so hard to address problem :( -->

nuxt.config.js

require('dotenv').config();
import axios from 'axios'
import getRoutes from './utils/getRoutes'

// exlcude sitemap pathd
const excludePaths = [
  '/account/verification/contact',
  '/account/recovery',
  '/account/reset',
  '/account/profile',
  '/account/domains/add',
  '/account/domains',
  '/account/monitors/add',
  '/account/monitors',
  '/help/account/introduction',
  '/help/monitors/introduction',
  '/help/domains/introduction',
  '/help/notifications/introduction',
  '/help/integrations/introduction'
]

export default {
  /*
  ** Nuxt rendering mode
  ** See https://nuxtjs.org/api/configuration-mode
  */
  ssr: true,
  /*
  ** Nuxt target
  ** See https://nuxtjs.org/api/configuration-target
  */
  target: 'static',
  /*
  ** Env variables
  */
  env: {
    BASE_URL: process.env.BASE_URL || "",
    API_URL: process.env.API_URL || "http://127.0.0.1:8000",
    ONESIGNAL_PUSH_APP_ID: process.env.ONESIGNAL_PUSH_APP_ID || "",
    ONESIGNAL_SAFARI_WEB_ID: process.env.ONESIGNAL_SAFARI_WEB_ID || "",
    GA_ID: process.env.GA_ID || "",
    HOTJAR_SITE_ID: process.env.HOTJAR_SITE_ID || "",
    HOTJAR_SNIPPET_ID: process.env.HOTJAR_SNIPPET_ID || ""
  },
  /*
  ** Headers of the page
  ** See https://nuxtjs.org/api/configuration-head
  */
  head: {
    title: 'My Site',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'og:title', name: 'og:title', content: 'Domain Monitor' },
      { hid: 'description', name: 'description', content: 'Keep track of your expiring domains today for FREE with our FREE domain monitoring product.' },
      { hid: 'og:description', name: 'og:description', content: 'Keep track of your expiring domains today for FREE with our FREE domain monitoring product.' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap' },
      { rel: 'stylesheet', href: 'https://fonts.googleapis.com/icon?family=Material+Icons' }
    ],
    script: [
      { src: '/mailchimp.js' }
    ]
  },
  /*
  ** Global CSS
  */
  css: [
    'vue-multiselect/dist/vue-multiselect.min.css',
    '@/assets/scss/domain-monitor.scss'
  ],
  /*
  ** Bootstrap Vue
  */
  bootstrapVue: {
    bootstrapCSS: false,
    bootstrapVueCSS: false
  },
  /*
  ** Plugins to load before mounting the App
  ** https://nuxtjs.org/guide/plugins
  */
  plugins: [
    { mode: 'client', src: '@/plugins/vue-multiselect' },
    { mode: 'client', src: '@/plugins/filters' },
    { mode: 'client', src: '@/plugins/bootstrap-vue-icons' },
    { mode: 'client', src: '@/plugins/vue-axios' },
    { mode: 'client', src: '@/plugins/vee-validate' },
    { mode: 'client', src: '@/plugins/content-images' },
    { mode: 'client', src: '@/plugins/content-videos' }
  ],
  /*
  ** Auto import components
  ** See https://nuxtjs.org/api/configuration-components
  */
  components: [{
    path: '~/components',
    pathPrefix: false
  }],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    ['@nuxtjs/google-analytics', {
      id: process.env.GA_ID
    }],
    '@nuxtjs/moment',
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    ['@netsells/nuxt-hotjar', {
      id: process.env.HOTJAR_SITE_ID,
      sv: process.env.HOTJAR_SNIPPET_ID
    }],
    'vue-scrollto/nuxt',
    'bootstrap-vue/nuxt',
    '@nuxtjs/axios',
    '@nuxtjs/auth-next',
    '@nuxtjs/onesignal',
    '@nuxtjs/pwa',
    '@nuxt/content',
    '@nuxtjs/sitemap',
    ['@nuxtjs/component-cache', { maxAge: 1000 * 60 * 5 }] // 5 minutes
  ],
  /*
  ** Auth config
  */
  auth: {
    redirect: {
      login: '/account/login',
      logout: '/account/login',
      callback: '/account/login',
      home: '/account/domains'
    },
    strategies: {
      local: {
        login: { url: 'auth/login', method: 'post', propertyName: 'token' },
        logout: { url: 'account/logout', method: 'post' },
        user: { url: 'auth/user', method: 'get', propertyName: 'user' }
      },
      customStrategy: {
        scheme: '@/schemes/customScheme'
      }
    }
  },
  /*
  ** Moment module config
  */
  moment: {
    timezone: true,
    defaultTimezone: 'Europe/London'
  },
  /*
  ** One Signal
  */
  oneSignal: {
    init: {
      appId: process.env.ONESIGNAL_PUSH_APP_ID,
      safari_web_id: process.env.ONESIGNAL_SAFARI_WEB_ID,
      allowLocalhostAsSecureOrigin: true,
      welcomeNotification: {
          disable: true
      }
    }
  },
  /*
  ** Axios module configuration
  ** See https://axios.nuxtjs.org/options
  */
  axios: {
    baseURL: process.env.API_URL
  },
  /*
  ** Build configuration
  ** See https://nuxtjs.org/api/configuration-build/
  */
  build: {
    extractCSS: true,
    babel: {
      compact: true
    }
  },
  /*
  ** Generate configuration
  ** See https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-generate
  */
  generate: {
    fallback: '404.html'
  },
  /*
  ** Sitemap configuration
  ** See https://www.npmjs.com/package/@nuxtjs/sitemap#setup
  */
  sitemap: {
    hostname: process.env.BASE_URL, // https://www.yoursite.com
    trailingSlash: true,
    exclude: excludePaths,
    routes() {
      return getRoutes(excludePaths);
    },
  }
}

components/AccountProfileNav.vue

<template>
  <b-list-group :horizontal="isMobile" class="mb-3 mb-lg-0 text-center text-lg-left">
    <b-list-group-item to="/account/profile/" class="p-2" :active="page == 'profile'">
      <span class="material-icons md-24 align-top mr-1">account_box</span>
      <strong class="d-none d-lg-inline-block">Your Profile</strong>
    </b-list-group-item>
    <b-list-group-item to="/account/status-pages/" class="p-2" :active="page == 'status-pages'">
      <span class="material-icons md-24 align-top mr-1">priority_high</span>
      <strong class="d-none d-lg-inline-block">Status Pages</strong>
    </b-list-group-item>
    <b-list-group-item to="/account/settings/notifications/" class="p-2" :active="page == 'notifications'">
      <span class="material-icons md-24 align-top mr-1">notifications</span>
      <strong class="d-none d-lg-inline-block">Notification Preferences</strong>
    </b-list-group-item>
    <b-list-group-item to="/account/settings/security/" class="p-2" :active="page == 'security'">
      <span class="material-icons md-24 align-top mr-1">security</span>
      <strong class="d-none d-lg-inline-block">Account Security</strong>
    </b-list-group-item>
  </b-list-group>
</template>

<script>
export default {
  props: {
    page: {
      default: 'profile',
      type: String
    }
  },
  data () {
    return {
      isMobile: false
    }
  },
  created () {
    this.setLayout()
    window.addEventListener('resize', this.setLayout)
  },
  methods: {

    /*
    ** Set layout
    */
    setLayout () {
      if (window.innerWidth <= 992) {
        this.isMobile = true
        return
      }

      this.isMobile = false
    }

  }
}
</script>

Steps to reproduce

  1. Create a component, in my case it's called AccountProfileNav
  2. Load the component into a layout or any page
  3. Reload a page where the component has been added to see error

What is Expected?

window should be defined when doing a hard reload.

What is actually happening?

I've recently upgraded to Nuxt 2.15.7 from Nuxt 2.14, I previously had my target set to static and my mode set to universal, I've had to keep universal mode so have set ssr: true in my config otherwise my dynamic routes aren't generated, however, when navigating between pages in development mode and hard reloading a page where window is mentioned, I get the following error:

window is not defined

I shouldn't be experiencing this error and wasn't previously experiencing this error in Nuxt 2.14, also, I only appear to have this error when I run npm run dev, once my site is compiled and built it seems fine, what's the fix, seems like a bug to me.

window error

closed time in a month

sts-ryan-holton

issue commentnuxt/nuxt.js

window is not defined Nuxt 2.15.7 in development

created is called on server- and client-side. Thus, window is undefined as it is not available on server (Further Read)

Not a Nuxt issue itself, so I'm moving this to a discussion ☺️

sts-ryan-holton

comment created time in a month

startedunjs/jiti

started time in a month

issue commentexislow/kleinanzeigen-magic

How to close the side menu?

Strange :D macOS 10.15.7 here, though it shouldn't factor into that for a Electron + Quasar app. Clicking outside (in dev mode) doesn't do anything for me 🙈

manniL

comment created time in a month

issue openedexislow/kleinanzeigen-magic

How to close the side menu?

Hey! Quick question: Is there a way to close the side menu after opening it? I haven't found a way, neither by pressing ESC nor by clicking outside the menu.

created time in a month

delete branch manniL/kleinanzeigen-magic

delete branch : fix-zu-verschenken

delete time in a month

startedexislow/kleinanzeigen-magic

started time in a month

PR opened exislow/kleinanzeigen-magic

feat(price): add VB and zu verschenken info

Improve price info and show if ads are "VB" (negotiable) or "zu verschenken" (free), if set.

+58 -43

0 comment

1 changed file

pr created time in a month

create barnchmanniL/kleinanzeigen-magic

branch : fix-zu-verschenken

created branch time in a month

push eventmanniL/kleinanzeigen-magic

Alexander Lichter

commit sha 950741135fc02f3133e9b12ad9c8bd5589286735

chore: add dev and build command

view details

Alexander Lichter

commit sha eeae632897e66156eb34adf87231c90c94ba34a4

Update README.md

view details

exislow

commit sha 4a5432453977ce682a8cab55814959a99956ea12

Merge pull request #5 from manniL/patch-1 chore: add dev and build command

view details

Alexander Lichter

commit sha 62e70166f66b55f4ae913a89a9820206ec4da59d

fix(ipc): return empty array if ads are missing

view details

exislow

commit sha 0e42938f01276659089098904a01c59e4b3b5779

Merge pull request #6 from manniL/fix-empty-state-error fix(ipc): return empty array if ads are missing

view details

push time in a month

delete branch manniL/kleinanzeigen-magic

delete branch : fix-empty-state-error

delete time in a month

issue openedexislow/kleinanzeigen-magic

Empty State for Ads

Hey 👋🏻

Right now, an error message will be thrown when the user does not have any ads running right now, coming from the IPC control. This is fixed in #6.

What is missing though: An empty state icon/graphic/text showing the user more than a blank screen.

created time in a month

create barnchmanniL/kleinanzeigen-magic

branch : fix-empty-state-error

created branch time in a month

delete branch manniL/kleinanzeigen-magic

delete branch : patch-1

delete time in a month

push eventmanniL/kleinanzeigen-magic

Alexander Lichter

commit sha eeae632897e66156eb34adf87231c90c94ba34a4

Update README.md

view details

push time in a month