aloha-vue 1.0.0

package/docs/components/TheNavbar/TheNavbar.pug

@@ -0,0 +1,34 @@
+nav.a_d_flex.a_justify_content_between.a_align_items_center.a_px_2(
+  style="height: 80px;"
+)
+  router-link.a_d_flex.a_align_items_center(
+    to="/"
+  )
+    a-icon(
+      aria-label="Startseite"
+      icon="Aloha"
+      width="50"
+      height="50"
+    )
+    span.h1.mb-0.ms-4.align-bottom ALOHA
+
+  form.a_d_flex
+    select.a_mr_2(
+      v-model="modelFramework"
+      @input="changeFramework"
+    )
+      option(
+        v-for="framework in frameworks"
+        :key="framework"
+        :value="framework"
+      ) {{ framework }}
+
+    select(
+      v-model="modelLanguage"
+      @input="changeLanguage"
+    )
+      option(
+        v-for="language in languages"
+        :key="language.value"
+        :value="language.value"
+      ) {{ language.label }}

package/docs/components/TheNavbar/TheNavbar.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./TheNavbar.pug"></template>
+<script src="./TheNavbar.js"></script>

package/docs/i18n/de.json

@@ -0,0 +1,4 @@
+{
+  "_SUPPORT_FRAMEWORKS_": "Wir unterstützen die folgenden CSS-Frameworks",
+  "_WELCOME_": "Willkommen"
+}

package/docs/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "_SUPPORT_FRAMEWORKS_": "We support the following CSS-frameworks",
+  "_WELCOME_": "Welcome"
+}

package/docs/i18n/hr.json

@@ -0,0 +1,4 @@
+{
+  "_SUPPORT_FRAMEWORKS_": "Podržavamo sljedeće CSS okvire",
+  "_WELCOME_": "Dobrodošli"
+}

package/docs/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "_SUPPORT_FRAMEWORKS_": "Мы поддерживаем следующие CSS-фреймворки",
+  "_WELCOME_": "Добро пожаловать"
+}

package/docs/main.js

@@ -0,0 +1,30 @@
+import App from "./App.vue";
+import { createApp } from "vue";
+import store from "./store/index";
+import router from "./router/index";
+import i18nPlugin from "../src/plugins/i18nPlugin";
+// import alohaPlugin from "../src/plugins/alohaPlugin";
+
+import de from "./i18n/de.json";
+import en from "./i18n/en.json";
+import hr from "./i18n/hr.json";
+import ru from "./i18n/ru.json";
+
+import deGlobal from "../src/i18n/de.json";
+import enGlobal from "../src/i18n/en.json";
+import hrGlobal from "../src/i18n/hr.json";
+import ruGlobal from "../src/i18n/ru.json";
+
+const APP = createApp(App);
+const TRANSLATIONS = {
+  de: { ...deGlobal, ...de },
+  en: { ...enGlobal, ...en },
+  hr: { ...hrGlobal, ...hr },
+  ru: { ...ruGlobal, ...ru },
+};
+APP.use(i18nPlugin, TRANSLATIONS, "de");
+// APP.use(alohaPlugin, {
+//   framework: "bootstrap",
+// });
+APP.config.unwrapInjectedRef = true;
+APP.use(store).use(router).mount("#app");

package/docs/router/index.js

@@ -0,0 +1,70 @@
+import {
+  createRouter,
+  createWebHistory,
+} from "vue-router";
+
+const ROUTES = [
+  {
+    path: "/404",
+    name: "NotFound",
+    component: () => import(/* webpackChunkName: "not_found" */ "../views/NotFound.vue"),
+  },
+  {
+    path: "/",
+    name: "PageStart",
+    component: () => import(/* webpackChunkName: "start" */ "../views/PageStart/PageStart.vue"),
+  },
+  {
+    path: "/about",
+    name: "About",
+    component: () => import(/* webpackChunkName: "about" */ "../views/About.vue"),
+  },
+  {
+    path: "/table",
+    name: "PageTable",
+    component: () => import(/* webpackChunkName: "PageTable" */ "../views/PageTable/PageTable.vue"),
+  },
+  {
+    path: "/spinner",
+    name: "PageSpinner",
+    component: () => import(/* webpackChunkName: "PageSpinner" */ "../views/PageSpinner/PageSpinner.vue"),
+  },
+  {
+    path: "/collapse",
+    name: "PageCollapse",
+    component: () => import(/* webpackChunkName: "PageCollapse" */ "../views/PageCollapse/PageCollapse.vue"),
+  },
+  {
+    path: "/cloak",
+    name: "PageCloak",
+    component: () => import(/* webpackChunkName: "PageCloak" */ "../views/PageCloak/PageCloak.vue"),
+  },
+  {
+    path: "/input",
+    name: "PageInput",
+    component: () => import(/* webpackChunkName: "PageInput" */ "../views/PageInput/PageInput.vue"),
+  },
+  {
+    path: "/json",
+    name: "PageAJson",
+    component: () => import(/* webpackChunkName: "PageAJson" */ "../views/PageAJson/PageAJson.vue"),
+  },
+  {
+    path: "/accordion",
+    name: "PageAccordion",
+    component: () => import(/* webpackChunkName: "PageAccordionBootstrap" */ "../views/PageAccordion/PageAccordion.vue"),
+  },
+  {
+    // If the routing configuration '*' reports an error, replace it with '/: catchAll(. *)'
+    // caught Error: Catch all routes ("*") must now be defined using a param with a custom regexp
+    path: "/:catchAll(.*)", // Special attention should be paid to the bottom
+    redirect: "/404",
+  }
+];
+
+const ROUTER = createRouter({
+  history: createWebHistory(),
+  routes: ROUTES,
+});
+
+export default ROUTER;