Published inJavaScript in Plain English·Jul 18, 2021Create an RSS Feed from Nuxt Content with Full Body HTMLHow to add a document to an RSS feed by adding a simple drop-in module — There is already an official doc article about how to create an RSS feed from Nuxt Content. But it only adds the excerpt as the actual content. Most feed readers allow the reader to read the whole article right in the app without a context switch. …Nuxtjs4 min readNuxtjs4 min read
Published inJavaScript in Plain English·Jun 29, 2021Generate Flowchart Diagrams with Mermaid and Vue/NuxtHey folks, today I want to show you how to generate flowchart diagrams in a Vue or Nuxt application using vue-mermaid-string and nuxt-mermaid-string. They both help to integrate the wonderful Mermaid library into your Vue-based projects. Setup Alright, let’s stick to Vue for now and see later how it works for…Vuejs2 min readVuejs2 min read
Published inJavaScript in Plain English·May 13, 2021How to Access Nuxt.js Page Data in Route Meta FieldsHey folks, this article is about accessing page data in route objects. It’s a use case I have frequently stumbled upon, for example when generating sitemaps. Nuxt pages allow you to define structural data like the meta property or the auth property from @nuxtjs/auth (note that they should not be…Nuxtjs3 min readNuxtjs3 min read
Published inJavaScript in Plain English·Apr 21, 2021How to Write File-Based JavaScript Tests with Real FilesHey guys, this post is about writing tests for projects that access the file system by reading and writing files to disk. A lot of my past projects in some way had to do with file access. I started to test with mocking libraries like mock-fs, but soon recognized that…JavaScript3 min readJavaScript3 min read
Published inJavaScript in Plain English·Apr 13, 2021How to Keep ‘createdAt’ and ‘updatedAt’ Valid After Cloning Nuxt ProjectsI recently tried out @nuxt/content, a Git-based CMS for Nuxt projects. And I really like it! It allows me to write markdown files and host them right in my existing project. One thing I noticed when deploying the project to my server was that the createdAt and updatedAt fields were…Nuxtjs2 min readNuxtjs2 min read
Published inJavaScript in Plain English·Mar 10, 2021Using Modernizr with Nuxt.js to Detect Browser FeaturesModernizr is a package that detects browser features and makes them queriable via JavaScript and CSS. This is very handy to find out which CSS properties are supported, for example. The approach is much more flexible and stable than using browser vendor and version for this. …Nuxtjs2 min readNuxtjs2 min read
Published inNerd For Tech·Mar 9, 2021Image Snapshot Testing with MochaSnapshot testing is a testing mechanism that for long has seemed to be exclusive to Jest. The main idea is to generate expected values into a separate file and to compare the actual tested values with these saved values. It is also possible to update snapshots by passing an environment…Mocha2 min readMocha2 min read
Published inCodeX·Mar 7, 2021Sending Emails with Nuxt.js the Easy WayWhen I started to work with Nuxt.js, I frequently had the problem that I wanted so send emails via a contact form. While there are third party services to do that, I thought: Why not use the existing server infrastructure that comes with Nuxt.js? That is why I wrote nuxt-mail…Nuxtjs2 min readNuxtjs2 min read
