chore: format

Author: peterpeterparker

firebase.json

@@ -1,11 +1,7 @@
 {
   "hosting": {
     "public": "www",
-    "ignore": [
-      "firebase.json",
-      "**/.*",
-      "**/node_modules/**"
-    ],
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
     "rewrites": [
       {
         "source": "**",

src/assets/i18n/fr.ts

@@ -1,47 +1,47 @@
-import { I18n } from '../../types/i18n';
+import {I18n} from '../../types/i18n';
 
 export const fr: I18n = {
-    lang: 'fr',
-    plugins: {
-        huge_title: 'Très grand titre',
-        large_title: 'Grand titre',
-        small_title: 'Petit titre',
-        paragraph: 'Paragraphe',
-        separator: 'Séparateur',
-        unordered_list: 'Liste',
-        ordered_list: 'Liste numérotée',
-        image: 'Image',
-        code: 'Code',
-        no_matches: 'Aucun résultat',
-        blockquote: 'Citation',
-    },
-    add: {
-        placeholder: 'Appuyez sur "/" pour le menu',
-        add_element: 'Ajouter cet élément',
-    },
-    toolbar: {
-        align_left: 'Justifié à gauche',
-        align_center: 'Centré',
-        align_right: 'Justifié à droite',
-        font_size: 'Taille de police',
-        list_ol: 'Liste ordonée',
-        list_ul: 'Liste',
-        style_list: 'Liste de styles',
-        style_align: 'Alignment du style',
-        style_font_size: 'Taille du style',
-        style_color: 'Couleur du style',
-        style_background: 'Couleur de fond du style',
-        link: 'Créer ou supprimer un lien',
-        bold: 'Gras',
-        italic: 'Italique',
-        underline: 'Souligné',
-        strikethrough: 'Barré',
-    },
-    menus: {
-        img_width_original: 'Largeur originale',
-        img_width_large: 'Grande largeur',
-        img_width_medium: 'Moyenne largeur',
-        img_width_small: 'Petite largeur',
-        img_delete: 'supprimer l\'image',
-    },
+  lang: 'fr',
+  plugins: {
+    huge_title: 'Très grand titre',
+    large_title: 'Grand titre',
+    small_title: 'Petit titre',
+    paragraph: 'Paragraphe',
+    separator: 'Séparateur',
+    unordered_list: 'Liste',
+    ordered_list: 'Liste numérotée',
+    image: 'Image',
+    code: 'Code',
+    no_matches: 'Aucun résultat',
+    blockquote: 'Citation'
+  },
+  add: {
+    placeholder: 'Appuyez sur "/" pour le menu',
+    add_element: 'Ajouter cet élément'
+  },
+  toolbar: {
+    align_left: 'Justifié à gauche',
+    align_center: 'Centré',
+    align_right: 'Justifié à droite',
+    font_size: 'Taille de police',
+    list_ol: 'Liste ordonée',
+    list_ul: 'Liste',
+    style_list: 'Liste de styles',
+    style_align: 'Alignment du style',
+    style_font_size: 'Taille du style',
+    style_color: 'Couleur du style',
+    style_background: 'Couleur de fond du style',
+    link: 'Créer ou supprimer un lien',
+    bold: 'Gras',
+    italic: 'Italique',
+    underline: 'Souligné',
+    strikethrough: 'Barré'
+  },
+  menus: {
+    img_width_original: 'Largeur originale',
+    img_width_large: 'Grande largeur',
+    img_width_medium: 'Moyenne largeur',
+    img_width_small: 'Petite largeur',
+    img_delete: "supprimer l'image"
+  }
 };

src/components/icons/blockquote.tsx

@@ -2,10 +2,7 @@ import {FunctionalComponent, h} from '@stencil/core';
 
 // Source: https://fonts.google.com/icons?selected=Material%20Icons%20Outlined%3Aformat_quote%3A
 export const IconBlockquote: FunctionalComponent = () => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
     <path d="M0 0h24v24H0V0z" fill="none" />
     <path d="M18.62 18h-5.24l2-4H13V6h8v7.24L18.62 18zm-2-2h.76L19 12.76V8h-4v4h3.62l-2 4zm-8 2H3.38l2-4H3V6h8v7.24L8.62 18zm-2-2h.76L9 12.76V8H5v4h3.62l-2 4z" />
   </svg>

src/index.ts

@@ -1,10 +1,10 @@
 export type {Components, JSX} from './components';
 export * from './menus/img.menu';
+export * from './plugins/blockquote.plugin';
 export * from './plugins/code.plugin';
 export * from './plugins/h1.plugin';
 export * from './plugins/h2.plugin';
 export * from './plugins/h3.plugin';
-export * from './plugins/blockquote.plugin';
 export * from './plugins/hr.plugin';
 export * from './plugins/img.plugin';
 export * from './plugins/list.plugin';

src/interface.d.ts

@@ -1,10 +1,10 @@
 export * from './components';
 export * from './menus/img.menu';
+export * from './plugins/blockquote.plugin';
 export * from './plugins/code.plugin';
 export * from './plugins/h1.plugin';
 export * from './plugins/h2.plugin';
 export * from './plugins/h3.plugin';
-export * from './plugins/blockquote.plugin';
 export * from './plugins/hr.plugin';
 export * from './plugins/img.plugin';
 export * from './plugins/list.plugin';

src/stores/i18n.store.ts

@@ -1,74 +1,75 @@
-import { createStore } from '@stencil/store';
-import { en } from '../assets/i18n/en';
-import { I18n, Languages } from '../types/i18n';
+import {createStore} from '@stencil/store';
+import {en} from '../assets/i18n/en';
+import {I18n, Languages} from '../types/i18n';
 
 interface I18nStore extends I18n {
-    custom?: Record<string, string>;
+  custom?: Record<string, string>;
 }
 
-const { state, onChange } = createStore<I18nStore>(en);
+const {state, onChange} = createStore<I18nStore>(en);
 
 const esI18n = async (): Promise<I18n> => {
-    const { es } = await import(`../assets/i18n/es`);
-    return es;
+  const {es} = await import(`../assets/i18n/es`);
+  return es;
 };
 
 const deI18n = async (): Promise<I18n> => {
-    const { de } = await import(`../assets/i18n/de`);
-    return de;
+  const {de} = await import(`../assets/i18n/de`);
+  return de;
 };
 
 const nlI18n = async (): Promise<I18n> => {
-    const { nl } = await import(`../assets/i18n/nl`);
-    return nl;
+  const {nl} = await import(`../assets/i18n/nl`);
+  return nl;
 };
 
 const jaI18n = async (): Promise<I18n> => {
-    const { ja } = await import(`../assets/i18n/ja`);
-    return ja;
+  const {ja} = await import(`../assets/i18n/ja`);
+  return ja;
 };
 
 const zhCnI18n = async (): Promise<I18n> => {
-    const { zhCn } = await import(`../assets/i18n/zh-cn`);
-    return zhCn;
+  const {zhCn} = await import(`../assets/i18n/zh-cn`);
+  return zhCn;
 };
+
 const frI18n = async (): Promise<I18n> => {
-    const { fr } = await import(`../assets/i18n/fr`);
-    return fr;
+  const {fr} = await import(`../assets/i18n/fr`);
+  return fr;
 };
 
 const enI18n = (): I18n => en;
 
 onChange('lang', async (lang: Languages) => {
-    let bundle: I18n;
+  let bundle: I18n;
 
-    switch (lang) {
-        case 'es':
-            bundle = await esI18n();
-            break;
-        case 'de':
-            bundle = await deI18n();
-            break;
-        case 'nl':
-            bundle = await nlI18n();
-            break;
-        case 'ja':
-            bundle = await jaI18n();
-            break;
-        case 'zh-cn':
-            bundle = await zhCnI18n();
-            break;
-        case 'fr':
-            bundle = await frI18n();
-            break;
-        default:
-            bundle = enI18n();
-    }
+  switch (lang) {
+    case 'es':
+      bundle = await esI18n();
+      break;
+    case 'de':
+      bundle = await deI18n();
+      break;
+    case 'nl':
+      bundle = await nlI18n();
+      break;
+    case 'ja':
+      bundle = await jaI18n();
+      break;
+    case 'zh-cn':
+      bundle = await zhCnI18n();
+      break;
+    case 'fr':
+      bundle = await frI18n();
+      break;
+    default:
+      bundle = enI18n();
+  }
 
-    Object.assign(state, {
-        custom: state.custom,
-        ...bundle
-    });
+  Object.assign(state, {
+    custom: state.custom,
+    ...bundle
+  });
 });
 
-export default { state };
+export default {state};

src/types/i18n.ts

@@ -1,55 +1,55 @@
 export interface I18nPlugins {
-    huge_title: string;
-    large_title: string;
-    small_title: string;
-    paragraph: string;
-    separator: string;
-    unordered_list: string;
-    ordered_list: string;
-    image: string;
-    code: string;
-    no_matches: string;
-    blockquote: string;
+  huge_title: string;
+  large_title: string;
+  small_title: string;
+  paragraph: string;
+  separator: string;
+  unordered_list: string;
+  ordered_list: string;
+  image: string;
+  code: string;
+  no_matches: string;
+  blockquote: string;
 }
 
 export interface I18nAdd {
-    placeholder: string;
-    add_element: string;
+  placeholder: string;
+  add_element: string;
 }
 
 export interface I18Toolbar {
-    align_left: string;
-    align_center: string;
-    align_right: string;
-    font_size: string;
-    list_ol: string;
-    list_ul: string;
-    style_list: string;
-    style_align: string;
-    style_font_size: string;
-    style_color: string;
-    style_background: string;
-    link: string;
-    bold: string;
-    italic: string;
-    underline: string;
-    strikethrough: string;
+  align_left: string;
+  align_center: string;
+  align_right: string;
+  font_size: string;
+  list_ol: string;
+  list_ul: string;
+  style_list: string;
+  style_align: string;
+  style_font_size: string;
+  style_color: string;
+  style_background: string;
+  link: string;
+  bold: string;
+  italic: string;
+  underline: string;
+  strikethrough: string;
 }
 
 export interface I18Menus {
-    img_width_original: string;
-    img_width_large: string;
-    img_width_medium: string;
-    img_width_small: string;
-    img_delete: string;
+  img_width_original: string;
+  img_width_large: string;
+  img_width_medium: string;
+  img_width_small: string;
+  img_delete: string;
 }
 
 export type Languages = 'en' | 'es' | 'de' | 'nl' | 'ja' | 'zh-cn' | 'fr';
 
 export interface I18n {
-    lang: Languages;
-    plugins: I18nPlugins;
-    add: I18nAdd;
-    toolbar: I18Toolbar;
-    menus: I18Menus;
+  lang: Languages;
+  plugins: I18nPlugins;
+  add: I18nAdd;
+  toolbar: I18Toolbar;
+  menus: I18Menus;
 }

src/utils/icon.utils.tsx

@@ -1,8 +1,8 @@
 import {h, JSX} from '@stencil/core';
 import {IconBlockquote} from '../components/icons/blockquote';
 import {IconCode} from '../components/icons/code';
-import {IconEllipsisHorizontal} from '../components/icons/more';
 import {IconImage} from '../components/icons/image';
+import {IconEllipsisHorizontal} from '../components/icons/more';
 import {IconOl} from '../components/icons/ol';
 import {IconUl} from '../components/icons/ul';
 import {StyloIcon} from '../types/icon';