From 58459a6579b84322119b3392b5d8bbf843433c05 Mon Sep 17 00:00:00 2001 From: azul Date: Thu, 16 May 2019 11:30:55 +0700 Subject: [PATCH] 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 | 34 ++++++++++++++++------------------ .gitignore | 1 + constant/index.ts | 2 +- locale/id/index.js | 4 ++-- nuxt.config.ts | 23 +++++++++++------------ pages/about.vue | 2 +- pages/all-surah.vue | 2 +- pages/asmaul-husna.vue | 2 +- pages/ayat-kursi.vue | 29 ++++++++++++++++++++--------- pages/daily-doa.vue | 4 ++-- pages/favorite.vue | 2 +- pages/index.vue | 2 +- pages/last-verse.vue | 2 +- pages/recommendation.vue | 2 +- pages/settings.vue | 2 +- 15 files changed, 61 insertions(+), 52 deletions(-) diff --git a/.eslintrc.js b/.eslintrc.js index 1762799a3..e187c28e0 100644 --- a/.eslintrc.js +++ b/.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 }] } } diff --git a/.gitignore b/.gitignore index a6aff8b71..e090a32d2 100644 --- a/.gitignore +++ b/.gitignore @@ -6,6 +6,7 @@ logs npm-debug.log* yarn-debug.log* yarn-error.log* +*.DS_Store # Runtime data pids diff --git a/constant/index.ts b/constant/index.ts index 03f5ba861..73ec8891f 100644 --- a/constant/index.ts +++ b/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: '﷽' } diff --git a/locale/id/index.js b/locale/id/index.js index 1c4d96d2e..98a7c4999 100644 --- a/locale/id/index.js +++ b/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', diff --git a/nuxt.config.ts b/nuxt.config.ts index 4643aee96..cdb15c00c 100644 --- a/nuxt.config.ts +++ b/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/', diff --git a/pages/about.vue b/pages/about.vue index ae9bbc03d..c87170fd2 100644 --- a/pages/about.vue +++ b/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: [ diff --git a/pages/all-surah.vue b/pages/all-surah.vue index 481ff7cbc..94dabd633 100644 --- a/pages/all-surah.vue +++ b/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: [ diff --git a/pages/asmaul-husna.vue b/pages/asmaul-husna.vue index b3e7d4b6e..ec09de9b0 100644 --- a/pages/asmaul-husna.vue +++ b/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: [ diff --git a/pages/ayat-kursi.vue b/pages/ayat-kursi.vue index fb6e179d1..31a6b6dc9 100644 --- a/pages/ayat-kursi.vue +++ b/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 { diff --git a/pages/daily-doa.vue b/pages/daily-doa.vue index 43fa0e36c..3af0f97bc 100644 --- a/pages/daily-doa.vue +++ b/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") } } diff --git a/pages/favorite.vue b/pages/favorite.vue index f11dd9a78..95637d843 100644 --- a/pages/favorite.vue +++ b/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: [ diff --git a/pages/index.vue b/pages/index.vue index c586a9ad8..047867554 100644 --- a/pages/index.vue +++ b/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: [ diff --git a/pages/last-verse.vue b/pages/last-verse.vue index 04335131c..4e2fa7a84 100644 --- a/pages/last-verse.vue +++ b/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: [ diff --git a/pages/recommendation.vue b/pages/recommendation.vue index c61d2836d..fc26d1894 100644 --- a/pages/recommendation.vue +++ b/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: [ diff --git a/pages/settings.vue b/pages/settings.vue index af342b280..2cb004e28 100644 --- a/pages/settings.vue +++ b/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: [