Bugs/temporary fix fontsize ayat kursi (#95)

* add eslint quote rule

* add mediaquery for phone

* eslint fix

* ignore DS_Store

* sort line google-site-verification

.eslintrc.js

@@ -1,29 +1,27 @@
 module.exports = {
-  plugins: ['@typescript-eslint'],
+  plugins: ["@typescript-eslint"],
   parserOptions: {
-    parser: '@typescript-eslint/parser'
+    parser: "@typescript-eslint/parser"
   },
-  extends: [
-    '@nuxtjs',
-    'plugin:nuxt/recommended',
-  ],
+  extends: ["@nuxtjs", "plugin:nuxt/recommended"],
   rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-unused-vars': 'off',
-    'vue/component-name-in-template-casing': [
-      'error',
-      'PascalCase',
+    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-unused-vars": "off",
+    "vue/component-name-in-template-casing": [
+      "error",
+      "PascalCase",
       {
-        ignores: ['nuxt', 'nuxt-link', 'nuxt-child', 'no-ssr']
+        ignores: ["nuxt", "nuxt-link", "nuxt-child", "no-ssr"]
       }
     ],
-    'vue/html-closing-bracket-newline': [
-      'error',
+    "vue/html-closing-bracket-newline": [
+      "error",
       {
-        singleline: 'never',
-        multiline: 'never'
+        singleline: "never",
+        multiline: "never"
       }
-    ]
+    ],
+    quotes: [2, "single", { avoidEscape: true }]
   }
 }

.gitignore

@@ -6,6 +6,7 @@ logs
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+*.DS_Store
 
 # Runtime data
 pids

constant/index.ts

@@ -7,6 +7,6 @@ export const AppConstant = {
   SEARCH_PAGE: 'Pencarian surat',
   AYAT_KURSI: 'Ayat kursi',
   ASMAUL_HUSNA: 'Asmaul husna',
-  DAILY_DOA: 'Do\'a harian',
+  DAILY_DOA: "Do'a harian",
   BISMILLAH: '﷽'
 }

locale/id/index.js

@@ -1,4 +1,4 @@
-const title = 'Qur\'an Offline'
+const title = "Qur'an Offline"
 module.exports = {
   title,
   lastRead: 'Terakhir dibaca',
@@ -7,7 +7,7 @@ module.exports = {
   searchSurah: 'Pencarian surat',
   ayatKursi: 'Ayat kursi',
   asmaulHusna: 'Asmaul husna',
-  dailyDoa: 'Do\'a harian',
+  dailyDoa: "Do'a harian",
   surahList: 'Daftar surat',
   about: 'Tentang',
   home: 'Beranda',

nuxt.config.ts

@@ -1,8 +1,6 @@
 /* eslint-disable no-unused-vars */
 import NuxtConfiguration from '@nuxt/config'
-import {
-  Configuration as WebpackConfiguration
-} from 'webpack'
+import { Configuration as WebpackConfiguration } from 'webpack'
 
 const SurahConstant = require('./constant/surah')
 const pkg = require('./package')
@@ -52,10 +50,10 @@ const routes = (): string[] => {
   return res
 }
 interface sitemap {
-    url: string,
-    changefreq: string,
-    priority: number,
-    lastmodISO: string
+  url: string
+  changefreq: string
+  priority: number
+  lastmodISO: string
 }
 
 const routesSitemap = (): sitemap[] => {
@@ -97,7 +95,11 @@ const config: NuxtConfiguration = {
       { hid: 'twitter:description', name: 'twitter:description', content: pkg.description },
       { hid: 'twitter:url', name: 'twitter:url', content: PROD_PATH },
 
-      { hid: 'google-site-verification', name: 'google-site-verification', content: 'jW7EK0wGpuReuZkQ-q900J7Z0KbCD9CCAZybfwcPe_U' }
+      {
+        content: 'jW7EK0wGpuReuZkQ-q900J7Z0KbCD9CCAZybfwcPe_U',
+        hid: 'google-site-verification',
+        name: 'google-site-verification'
+      }
     ],
     link: [
       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
@@ -140,10 +142,7 @@ const config: NuxtConfiguration = {
   /*
    ** Nuxt.js modules
    */
-  modules: [
-    '@nuxtjs/pwa',
-    '@nuxtjs/sitemap'
-  ],
+  modules: ['@nuxtjs/pwa', '@nuxtjs/sitemap'],
 
   sitemap: {
     hostname: 'https://quran-offline.netlify.com/',

pages/about.vue

@@ -81,7 +81,7 @@ export default class PageAbout extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Tentang | Qur\'an Offline'
+    const title = "Tentang | Qur'an Offline"
     return {
       title,
       meta: [

pages/all-surah.vue

@@ -52,7 +52,7 @@ export default class PageAllSurah extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Daftar semua surat dalam Al-Qur\'an | Qur\'an Offline'
+    const title = "Daftar semua surat dalam Al-Qur'an | Qur'an Offline"
     return {
       title,
       meta: [

pages/asmaul-husna.vue

@@ -60,7 +60,7 @@ export default class AsmaulHusnaPage extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Daftar lengkap asmaul husna beserta terjemahan | Qur\'an Offline'
+    const title = "Daftar lengkap asmaul husna beserta terjemahan | Qur'an Offline"
     return {
       title,
       meta: [

pages/ayat-kursi.vue

@@ -19,25 +19,28 @@ import { getAyatKursi } from '../services/index'
 
 @Component({
   async asyncData() {
-    const resp = await import(/* webpackChunkName: "ayat-kursi" */'~/static/data/ayat-kursi.json')
+    const resp = await import(/* webpackChunkName: 'ayat-kursi' */ '~/static/data/ayat-kursi.json')
     return {
       ayatKursi: resp.data
     }
   }
 })
-
 export default class AyatKursiPage extends Vue {
-  @State settingActiveTheme
-  @Mutation setHeaderTitle
+  @State settingActiveTheme;
+  @Mutation setHeaderTitle;
 
   get metaHead() {
-    const title = 'Bacaan dan terjemah ayat kursi | Qur\'an Offline'
+    const title = "Bacaan dan terjemah ayat kursi | Qur'an Offline"
     return {
       title,
       meta: [
         { hid: 'og:title', property: 'og:title', content: title },
         { hid: 'twitter:title', name: 'twitter:title', content: title },
-        { hid: 'theme-color', name: 'theme-color', content: this.settingActiveTheme.bgColor }
+        {
+          hid: 'theme-color',
+          name: 'theme-color',
+          content: this.settingActiveTheme.bgColor
+        }
       ]
     }
   }
@@ -53,21 +56,29 @@ export default class AyatKursiPage extends Vue {
 </script>
 
 <style lang="scss" scoped>
-.wrapper{
+.wrapper {
   width: 90%;
   margin: 1em auto;
 }
-.arabic{
+.arabic {
   font-size: 4rem;
   width: 100%;
   margin-top: 1em;
   text-align: right;
 }
-.translation{
+.translation {
   font-size: 2rem;
   width: 100%;
   font-style: italic;
   margin-top: 1.5em;
   text-align: left;
 }
+@media screen and (max-width: 641px) {
+  .arabic {
+    font-size: 2rem;
+  }
+  .translation {
+    font-size: 1rem;
+  }
+}
 </style>

pages/daily-doa.vue

@@ -72,7 +72,7 @@ export default class DailyDoaPage extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Daftar bacaan do\'a sehari-hari beserta terjemahan | Qur\'an Offline'
+    const title = "Daftar bacaan do'a sehari-hari beserta terjemahan | Qur'an Offline"
     return {
       title,
       meta: [
@@ -114,7 +114,7 @@ export default class DailyDoaPage extends Vue {
   }
 
   mounted() {
-    this.setHeaderTitle(`Do'a Harian`)
+    this.setHeaderTitle("Do'a Harian")
   }
 }
 </script>

pages/favorite.vue

@@ -44,7 +44,7 @@ export default class FavoritePage extends Vue {
   @Mutation setHeaderTitle;
 
   get metaHead() {
-    const title = 'Baca berbagai surat favorit dalam Al-Qur\'an | Qur\'an Offline'
+    const title = "Baca berbagai surat favorit dalam Al-Qur'an | Qur'an Offline"
     return {
       title,
       meta: [

pages/index.vue

@@ -111,7 +111,7 @@ export default class PageIndex extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Baca Al-Qur\'an dimana saja, langsung dari web browser Anda | Qur\'an Offline'
+    const title = "Baca Al-Qur'an dimana saja, langsung dari web browser Anda | Qur'an Offline"
     return {
       title,
       meta: [

pages/last-verse.vue

@@ -53,7 +53,7 @@ export default class LastVersePage extends Vue {
   @Mutation setHeaderTitle
 
   get metaHead() {
-    const title = 'Ayat terakhir dibaca | Qur\'an Offline'
+    const title = "Ayat terakhir dibaca | Qur'an Offline"
     return {
       title,
       meta: [

pages/recommendation.vue

@@ -38,7 +38,7 @@ export default class RecommendationPage extends Vue {
   @Mutation setHeaderTitle;
 
   get metaHead() {
-    const title = 'Baca surat rekomendasi dalam Al-Qur\'an | Qur\'an Offline'
+    const title = "Baca surat rekomendasi dalam Al-Qur'an | Qur'an Offline"
     return {
       title,
       meta: [

pages/settings.vue

@@ -79,7 +79,7 @@ export default class SettingsPage extends Vue {
   @Action setSettingTafsir
 
   get metaHead() {
-    const title = 'Halaman setelan | Qur\'an Offline'
+    const title = "Halaman setelan | Qur'an Offline"
     return {
       title,
       meta: [