diff --git a/options.html b/options.html
index 0637f99e6..0bfa66cce 100644
--- a/options.html
+++ b/options.html
@@ -6,6 +6,41 @@
uBlacklist Options
+
+
+
+ : *://*.example.com/*
+ : /example\.(net|org)/
+
+
+
+
+
diff --git a/options.js b/options.js
index 71f817eb2..8cdcd1bea 100644
--- a/options.js
+++ b/options.js
@@ -1,46 +1,13 @@
+for (const element of document.querySelectorAll('[data-i18n]')) {
+ element.insertAdjacentHTML('beforeend', _(element.dataset.i18n));
+}
+
(async () => {
const { blacklist, timestamp, sync } = await getLocalStorage({
blacklist: '',
timestamp: new Date(0).toISOString(),
sync: false
});
- document.body.insertAdjacentHTML('beforeend', String.raw`
- ${_('blacklist')}
-
- ${_('blacklistDescription')}
- ${_('example')}: *://*.example.com/*
- ${_('example')}: /example\.(net|org)/
-
-
-
-
- ${_('importFromPersonalBlocklist')}
-
-
${_('importDescription')}
-
-
-
-
-
-
-
- ${_('syncWithGoogleDrive')} (${_('experimental')})
-
-
${_('permitDescription')}
-
-
-
-
-
-
${_('enableSyncDescription')}
-
-
-
-
-
-
-
- `);
const blacklistTextArea = $('blacklistTextArea');
const importTextArea = $('importTextArea');