diff --git a/src/router/index.js b/src/router/index.js
index 1f16c1f..0474636 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -3,19 +3,15 @@ import { createRouter, createWebHistory } from "vue-router";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
- /**
- * General
- */
{
path: "/",
name: "home",
component: () => import("../views/HomeView.vue"),
},
- {
- path: "/explain_crontab",
- name: "explain_crontab",
- component: () => import("../views/unix/ExplainCrontab.vue"),
- },
+
+ /**
+ * General
+ */
{
path: "/table_to_markdown_table",
name: "table_to_markdown_table",
@@ -26,40 +22,15 @@ const router = createRouter({
name: "table_to_mediawiki_table",
component: () => import("../views/general/TableToMediawikiTable.vue"),
},
- {
- path: "/dummy_image",
- name: "dummy_image",
- component: () => import("../views/generators/DummyImage.vue"),
- },
{
path: "/humans_txt",
name: "humans_txt",
component: () => import("../views/general/HumansTxt.vue"),
},
{
- path: "/qr_code",
- name: "qr_code",
- component: () => import("../views/generators/QRCode.vue"),
- },
- {
- path: "/unix_timestamp",
- name: "unix_timestamp",
- component: () => import("../views/unix/UnixTimestamp.vue"),
- },
- {
- path: "/file_base64_encode_decode",
- name: "file_base64_encode_decode",
- component: () => import("../views/unix/FileBase64EncodeDecode.vue"),
- },
- {
- path: "/sed_generator",
- name: "sed_generator",
- component: () => import("../views/unix/SedGenerator.vue"),
- },
- {
- path: "/htaccess_generator",
- name: "htaccess_generator",
- component: () => import("../views/unix/HtaccessGenerator.vue"),
+ path: "/percent_of_number",
+ name: "%_of_number",
+ component: () => import("../views/general/PercentOfNumber.vue"),
},
/**
@@ -191,6 +162,49 @@ const router = createRouter({
component: () => import("../views/sql/Formatter.vue"),
},
+ /**
+ * Generators
+ */
+ {
+ path: "/dummy_image",
+ name: "dummy_image",
+ component: () => import("../views/generators/DummyImage.vue"),
+ },
+ {
+ path: "/qr_code",
+ name: "qr_code",
+ component: () => import("../views/generators/QRCode.vue"),
+ },
+
+ /**
+ * Unix
+ */
+ {
+ path: "/unix_timestamp",
+ name: "unix_timestamp",
+ component: () => import("../views/unix/UnixTimestamp.vue"),
+ },
+ {
+ path: "/file_base64_encode_decode",
+ name: "file_base64_encode_decode",
+ component: () => import("../views/unix/FileBase64EncodeDecode.vue"),
+ },
+ {
+ path: "/sed_generator",
+ name: "sed_generator",
+ component: () => import("../views/unix/SedGenerator.vue"),
+ },
+ {
+ path: "/htaccess_generator",
+ name: "htaccess_generator",
+ component: () => import("../views/unix/HtaccessGenerator.vue"),
+ },
+ {
+ path: "/explain_crontab",
+ name: "explain_crontab",
+ component: () => import("../views/unix/ExplainCrontab.vue"),
+ },
+
/**
* Other
*/
diff --git a/src/stores/toolsStore.js b/src/stores/toolsStore.js
index 6f1af9f..f91ff7a 100644
--- a/src/stores/toolsStore.js
+++ b/src/stores/toolsStore.js
@@ -24,6 +24,7 @@ export const useToolsStore = defineStore("tools", {
table_to_markdown_table: "Table to Markdown table",
table_to_mediawiki_table: "Table to Mediawiki table",
humans_txt: "humans.txt generator",
+ "%_of_number": "% of number",
},
Docker: {
docker_rename_volume: "Rename volume",
diff --git a/src/views/general/PercentOfNumber.vue b/src/views/general/PercentOfNumber.vue
new file mode 100644
index 0000000..4b39b73
--- /dev/null
+++ b/src/views/general/PercentOfNumber.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file