aloha-vue 1.2.66 → 1.2.68

package/docs/src/components/TheMenu/TheMenu.js

@@ -120,6 +120,89 @@ export default {
           },
           icon: "FilterCircleFill",
         },
+        {
+          id: "functions",
+          label: "Functions",
+          icon: "Code",
+          children: [
+            {
+              id: "functions_filters",
+              label: "Filters",
+              children: [
+                {
+                  id: "PageFilterBoolean",
+                  label: "filterBoolean",
+                  to: {
+                    name: "PageFilterBoolean",
+                  },
+                },
+                {
+                  id: "PageFilterDefaultForEmpty",
+                  label: "filterDefaultForEmpty",
+                  to: {
+                    name: "PageFilterDefaultForEmpty",
+                  },
+                },
+                {
+                  id: "PageFilterEmail",
+                  label: "filterEmail",
+                  to: {
+                    name: "PageFilterEmail",
+                  },
+                },
+                {
+                  id: "PageFilterJson",
+                  label: "filterJson",
+                  to: {
+                    name: "PageFilterJson",
+                  },
+                },
+                {
+                  id: "PageFilterKeyValue",
+                  label: "filterKeyValue",
+                  to: {
+                    name: "PageFilterKeyValue",
+                  },
+                },
+                {
+                  id: "PageFilterLimitTo",
+                  label: "filterLimitTo",
+                  to: {
+                    name: "PageFilterLimitTo",
+                  },
+                },
+                {
+                  id: "PageFilterLink",
+                  label: "filterLink",
+                  to: {
+                    name: "PageFilterLink",
+                  },
+                },
+                {
+                  id: "PageFilterList",
+                  label: "filterList",
+                  to: {
+                    name: "PageFilterList",
+                  },
+                },
+                {
+                  id: "PageFilterPropertyByValue",
+                  label: "filterPropertyByValue",
+                  to: {
+                    name: "PageFilterPropertyByValue",
+                  },
+                },
+                {
+                  id: "PageFilterSearchHighlight",
+                  label: "filterSearchHighlight",
+                  to: {
+                    name: "PageFilterSearchHighlight",
+                  },
+                },
+              ],
+            },
+          ],
+        },
         {
           id: "dropdown",
           label: "Dropdown",

package/docs/src/global/components/AlohaExample/AlohaExample.js

@@ -14,13 +14,20 @@ export default {
     ATranslation,
   },
   props: {
+    code: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
     codeHtml: {
       type: String,
-      required: true,
+      required: false,
+      default: undefined,
     },
     codeJs: {
       type: String,
-      required: true,
+      required: false,
+      default: undefined,
     },
     description: {
       type: String,
@@ -42,6 +49,11 @@ export default {
       required: false,
       default: undefined,
     },
+    isCodeVisibleDefault: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     props: {
       type: [String, Array],
       required: false,
@@ -58,7 +70,7 @@ export default {
       btnToggleCodeTitle,
       isCodeVisible,
       toggleCode,
-    } = CodeToggleAPI();
+    } = CodeToggleAPI(props);
 
     const {
       copyHtmlToClipboard,

package/docs/src/global/components/AlohaExample/AlohaExample.pug

@@ -60,11 +60,13 @@
   .aloha_example__actions
     .a_btn_group
       a-button.a_btn.a_btn_secondary(
+        v-if="codeJs"
         icon-left="FiletypeJs"
         title="_COPY_CODE_JS_"
         @click="copyJsToClipboard"
       )
       a-button.a_btn.a_btn_secondary(
+        v-if="codeHtml"
         icon-left="FiletypeHtml"
         title="_COPY_CODE_HTML_"
         @click="copyHtmlToClipboard"
@@ -78,14 +80,24 @@
   .aloha_example__code(
     v-if="isCodeVisible"
   )
-    h3.aloha_example__h3 HTML
     aloha-highlightjs(
-      :code="codeHtml"
-      language="html"
+      v-if="code"
+      :code="code"
+      language="markdown"
     )
-
-    h3.aloha_example__h3.a_mt_3 JS
-    aloha-highlightjs(
-      :code="codeJs"
-      language="javascript"
-    )
+    template(
+      v-if="codeHtml"
+    )
+      h3.aloha_example__h3 HTML
+      aloha-highlightjs(
+        :code="codeHtml"
+        language="html"
+      )
+    template(
+      v-if="codeJs"
+    )
+      h3.aloha_example__h3.a_mt_3 JS
+      aloha-highlightjs(
+        :code="codeJs"
+        language="javascript"
+      )

package/docs/src/global/components/AlohaExample/compositionAPI/CodeToggleAPI.js

@@ -1,10 +1,12 @@
 import {
   computed,
-  ref,
+  ref, toRef,
 } from "vue";
 
-export default function CodeToggleAPI() {
-  const isCodeVisible = ref(false);
+export default function CodeToggleAPI(props) {
+  const isCodeVisibleDefault = toRef(props, "isCodeVisibleDefault");
+
+  const isCodeVisible = ref(isCodeVisibleDefault.value);
 
   const toggleCode = () => {
     isCodeVisible.value = !isCodeVisible.value;

package/docs/src/global/components/AlohaHighlightjs/AlohaHighlightjs.js

@@ -8,11 +8,13 @@ import {
 import hljs from "highlight.js/lib/core";
 import javascript from "highlight.js/lib/languages/javascript";
 import xml from "highlight.js/lib/languages/xml";
+import markdown from "highlight.js/lib/languages/markdown";
 
 import "highlight.js/styles/a11y-dark.css";
 
 hljs.registerLanguage("javascript", javascript);
 hljs.registerLanguage("html", xml);
+hljs.registerLanguage("markdown", markdown);
 
 
 export default {

package/docs/src/mainIcons.js

@@ -11,6 +11,7 @@ import ChevronDown from "../../src/AIcon/Icons/bootstrap-1-9-1/ChevronDown";
 import ChevronExpand from "../../src/AIcon/Icons/bootstrap-1-9-1/ChevronExpand";
 import ChevronLeft from "../../src/AIcon/Icons/bootstrap-1-9-1/ChevronLeft";
 import ChevronRight from "../../src/AIcon/Icons/bootstrap-1-9-1/ChevronRight";
+import Code from "../../src/AIcon/Icons/bootstrap-1-9-1/Code";
 import CodeSquare from "../../src/AIcon/Icons/bootstrap-1-9-1/CodeSquare";
 import Duplicate from "../../src/AIcon/Icons/bootstrap3/Duplicate";
 import EjectFill from "../../src/AIcon/Icons/bootstrap-1-9-1/EjectFill";
@@ -56,6 +57,7 @@ export default {
   ChevronExpand,
   ChevronLeft,
   ChevronRight,
+  Code,
   CodeSquare,
   Duplicate,
   EjectFill,

package/docs/src/mainTranslation.js

@@ -42,6 +42,17 @@ import PageModalI18n from "./views/PageModal/i18n/PageModalI18n";
 import PageTablePreviewDownI18n from "./views/PageTable/PageTablePreviewDown/i18n/PageTablePreviewDownI18n";
 import PageFiltersRightI18n from "./views/PageFiltersRight/i18n/PageFiltersRightI18n";
 import PageMenuBasicI18n from "./views/PageMenu/PageMenuBasic/i18n/PageMenuBasicI18n";
+import PageFunctionsI18n from "./views/Functions/i18n/PageFunctionsI18n";
+import PageFilterListI18n from "./views/Functions/PageFilterList/i18n/PageFilterListI18n";
+import PageFilterLimitToI18n from "./views/Functions/PageFilterLimitTo/i18n/PageFilterLimitToI18n";
+import PageFilterBooleanI18n from "./views/Functions/PageFilterBoolean/i18n/PageFilterBooleanI18n";
+import PageFilterDefaultForEmptyI18n from "./views/Functions/PageFilterDefaultForEmpty/i18n/PageFilterDefaultForEmptyI18n";
+import PageFilterEmailI18n from "./views/Functions/PageFilterEmail/i18n/PageFilterEmailI18n";
+import PageFilterPropertyByValueI18n from "./views/Functions/PageFilterPropertyByValue/i18n/PageFilterPropertyByValueI18n";
+import PageFilterSearchHighlightI18n from "./views/Functions/PageFilterSearchHighlight/i18n/PageFilterSearchHighlightI18n";
+import PageFilterLinkI18n from "./views/Functions/PageFilterLink/i18n/PageFilterLinkI18n";
+import PageFilterJsonI18n from "./views/Functions/PageFilterJson/i18n/PageFilterJsonI18n";
+import PageFilterKeyValueI18n from "./views/Functions/PageFilterKeyValue/i18n/PageFilterKeyValueI18n";
 
 export const mainTranslation = {
   ar: {
@@ -80,6 +91,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.ar,
     ...PageFiltersRightI18n.ar,
     ...PageMenuBasicI18n.ar,
+    ...PageFunctionsI18n.ar,
+    ...PageFilterListI18n.ar,
+    ...PageFilterLimitToI18n.ar,
+    ...PageFilterBooleanI18n.ar,
+    ...PageFilterDefaultForEmptyI18n.ar,
+    ...PageFilterEmailI18n.ar,
+    ...PageFilterPropertyByValueI18n.ar,
+    ...PageFilterSearchHighlightI18n.ar,
+    ...PageFilterLinkI18n.ar,
+    ...PageFilterJsonI18n.ar,
+    ...PageFilterKeyValueI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -117,6 +139,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.de,
     ...PageFiltersRightI18n.de,
     ...PageMenuBasicI18n.de,
+    ...PageFunctionsI18n.de,
+    ...PageFilterListI18n.de,
+    ...PageFilterLimitToI18n.de,
+    ...PageFilterBooleanI18n.de,
+    ...PageFilterDefaultForEmptyI18n.de,
+    ...PageFilterEmailI18n.de,
+    ...PageFilterPropertyByValueI18n.de,
+    ...PageFilterSearchHighlightI18n.de,
+    ...PageFilterLinkI18n.de,
+    ...PageFilterJsonI18n.de,
+    ...PageFilterKeyValueI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -154,6 +187,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.en,
     ...PageFiltersRightI18n.en,
     ...PageMenuBasicI18n.en,
+    ...PageFunctionsI18n.en,
+    ...PageFilterListI18n.en,
+    ...PageFilterLimitToI18n.en,
+    ...PageFilterBooleanI18n.en,
+    ...PageFilterDefaultForEmptyI18n.en,
+    ...PageFilterEmailI18n.en,
+    ...PageFilterPropertyByValueI18n.en,
+    ...PageFilterSearchHighlightI18n.en,
+    ...PageFilterLinkI18n.en,
+    ...PageFilterJsonI18n.en,
+    ...PageFilterKeyValueI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -191,6 +235,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.es,
     ...PageFiltersRightI18n.es,
     ...PageMenuBasicI18n.es,
+    ...PageFunctionsI18n.es,
+    ...PageFilterListI18n.es,
+    ...PageFilterLimitToI18n.es,
+    ...PageFilterBooleanI18n.es,
+    ...PageFilterDefaultForEmptyI18n.es,
+    ...PageFilterEmailI18n.es,
+    ...PageFilterPropertyByValueI18n.es,
+    ...PageFilterSearchHighlightI18n.es,
+    ...PageFilterLinkI18n.es,
+    ...PageFilterJsonI18n.es,
+    ...PageFilterKeyValueI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -228,6 +283,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.fr,
     ...PageFiltersRightI18n.fr,
     ...PageMenuBasicI18n.fr,
+    ...PageFunctionsI18n.fr,
+    ...PageFilterListI18n.fr,
+    ...PageFilterLimitToI18n.fr,
+    ...PageFilterBooleanI18n.fr,
+    ...PageFilterDefaultForEmptyI18n.fr,
+    ...PageFilterEmailI18n.fr,
+    ...PageFilterPropertyByValueI18n.fr,
+    ...PageFilterSearchHighlightI18n.fr,
+    ...PageFilterLinkI18n.fr,
+    ...PageFilterJsonI18n.fr,
+    ...PageFilterKeyValueI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -265,6 +331,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.hr,
     ...PageFiltersRightI18n.hr,
     ...PageMenuBasicI18n.hr,
+    ...PageFunctionsI18n.hr,
+    ...PageFilterListI18n.hr,
+    ...PageFilterLimitToI18n.hr,
+    ...PageFilterBooleanI18n.hr,
+    ...PageFilterDefaultForEmptyI18n.hr,
+    ...PageFilterEmailI18n.hr,
+    ...PageFilterPropertyByValueI18n.hr,
+    ...PageFilterSearchHighlightI18n.hr,
+    ...PageFilterLinkI18n.hr,
+    ...PageFilterJsonI18n.hr,
+    ...PageFilterKeyValueI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -302,6 +379,17 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.it,
     ...PageFiltersRightI18n.it,
     ...PageMenuBasicI18n.it,
+    ...PageFunctionsI18n.it,
+    ...PageFilterListI18n.it,
+    ...PageFilterLimitToI18n.it,
+    ...PageFilterBooleanI18n.it,
+    ...PageFilterDefaultForEmptyI18n.it,
+    ...PageFilterEmailI18n.it,
+    ...PageFilterPropertyByValueI18n.it,
+    ...PageFilterSearchHighlightI18n.it,
+    ...PageFilterLinkI18n.it,
+    ...PageFilterJsonI18n.it,
+    ...PageFilterKeyValueI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -339,5 +427,16 @@ export const mainTranslation = {
     ...PageTablePreviewDownI18n.ru,
     ...PageFiltersRightI18n.ru,
     ...PageMenuBasicI18n.ru,
+    ...PageFunctionsI18n.ru,
+    ...PageFilterListI18n.ru,
+    ...PageFilterLimitToI18n.ru,
+    ...PageFilterBooleanI18n.ru,
+    ...PageFilterDefaultForEmptyI18n.ru,
+    ...PageFilterEmailI18n.ru,
+    ...PageFilterPropertyByValueI18n.ru,
+    ...PageFilterSearchHighlightI18n.ru,
+    ...PageFilterLinkI18n.ru,
+    ...PageFilterJsonI18n.ru,
+    ...PageFilterKeyValueI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -274,6 +274,56 @@ const ROUTES = [
     name: "PageMenuBasic",
     component: () => import(/* webpackChunkName: "PageMenuBasic" */ "../views/PageMenu/PageMenuBasic/PageMenuBasic.vue"),
   },
+  {
+    path: "/filter-list",
+    name: "PageFilterList",
+    component: () => import(/* webpackChunkName: "PageFilterList" */ "../views/Functions/PageFilterList/PageFilterList.vue"),
+  },
+  {
+    path: "/filter-limit-to",
+    name: "PageFilterLimitTo",
+    component: () => import(/* webpackChunkName: "PageFilterLimitTo" */ "../views/Functions/PageFilterLimitTo/PageFilterLimitTo.vue"),
+  },
+  {
+    path: "/filter-boolean",
+    name: "PageFilterBoolean",
+    component: () => import(/* webpackChunkName: "PageFilterBoolean" */ "../views/Functions/PageFilterBoolean/PageFilterBoolean.vue"),
+  },
+  {
+    path: "/filter-default-for-empty",
+    name: "PageFilterDefaultForEmpty",
+    component: () => import(/* webpackChunkName: "PageFilterDefaultForEmpty" */ "../views/Functions/PageFilterDefaultForEmpty/PageFilterDefaultForEmpty.vue"),
+  },
+  {
+    path: "/filter-email",
+    name: "PageFilterEmail",
+    component: () => import(/* webpackChunkName: "PageFilterEmail" */ "../views/Functions/PageFilterEmail/PageFilterEmail.vue"),
+  },
+  {
+    path: "/filter-property-by-value",
+    name: "PageFilterPropertyByValue",
+    component: () => import(/* webpackChunkName: "PageFilterPropertyByValue" */ "../views/Functions/PageFilterPropertyByValue/PageFilterPropertyByValue.vue"),
+  },
+  {
+    path: "/filter-search-highlight",
+    name: "PageFilterSearchHighlight",
+    component: () => import(/* webpackChunkName: "PageFilterSearchHighlight" */ "../views/Functions/PageFilterSearchHighlight/PageFilterSearchHighlight.vue"),
+  },
+  {
+    path: "/filter-link",
+    name: "PageFilterLink",
+    component: () => import(/* webpackChunkName: "PageFilterLink" */ "../views/Functions/PageFilterLink/PageFilterLink.vue"),
+  },
+  {
+    path: "/filter-json",
+    name: "PageFilterJson",
+    component: () => import(/* webpackChunkName: "PageFilterJson" */ "../views/Functions/PageFilterJson/PageFilterJson.vue"),
+  },
+  {
+    path: "/filter-key-value",
+    name: "PageFilterKeyValue",
+    component: () => import(/* webpackChunkName: "PageFilterKeyValue" */ "../views/Functions/PageFilterKeyValue/PageFilterKeyValue.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

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBoolean.js

@@ -0,0 +1,33 @@
+import AlohaPage from "../../../global/components/AlohaPage/AlohaPage.vue";
+import ATranslation from "../../../../../src/ATranslation/ATranslation";
+import PageFilterBooleanArguments from "./PageFilterBooleanArguments/PageFilterBooleanArguments.vue";
+import PageFilterBooleanExample from "./PageFilterBooleanExample/PageFilterBooleanExample.vue";
+import PageFilterBooleanImportCompositionApi from "./PageFilterBooleanImportCompositionApi/PageFilterBooleanImportCompositionApi.vue";
+import PageFilterBooleanImportFunction from "./PageFilterBooleanImportFunction/PageFilterBooleanImportFunction.vue";
+import PageFilterBooleanTrueFalseValues from "./PageFilterBooleanTrueFalseValues/PageFilterBooleanTrueFalseValues.vue";
+import PageFilterBooleanUseNil from "./PageFilterBooleanUseNil/PageFilterBooleanUseNil.vue";
+
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+
+export default {
+  name: "PageFilterBoolean",
+  components: {
+    AlohaPage,
+    ATranslation,
+    PageFilterBooleanArguments,
+    PageFilterBooleanExample,
+    PageFilterBooleanImportCompositionApi,
+    PageFilterBooleanImportFunction,
+    PageFilterBooleanTrueFalseValues,
+    PageFilterBooleanUseNil,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    return {
+      pageTitle,
+    };
+  },
+};

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBoolean.pug

@@ -0,0 +1,22 @@
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    a-translation(
+      tag="p"
+      html="_PAGE_FILTER_BOOLEAN_DESCRIPTION_"
+    )
+
+    page-filter-boolean-import-function
+
+    page-filter-boolean-import-composition-api
+
+    page-filter-boolean-arguments
+
+    page-filter-boolean-example
+
+    page-filter-boolean-true-false-values
+
+    page-filter-boolean-use-nil

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBoolean.vue

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

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanArguments/PageFilterBooleanArguments.js

@@ -0,0 +1,19 @@
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageFilterBooleanArguments",
+  components: {
+    AlohaExample,
+  },
+  setup() {
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeJs,
+    };
+  },
+};

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanArguments/PageFilterBooleanArguments.pug

@@ -0,0 +1,5 @@
+aloha-example(
+  :code="codeJs"
+  header="_PAGE_FUNCTIONS_ARGUMENTS_HEADER_"
+  :is-code-visible-default="true"
+)

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanArguments/PageFilterBooleanArguments.vue

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

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanArguments/compositionAPI/JsAPI.js

@@ -0,0 +1,25 @@
+import {
+  computed,
+} from "vue";
+
+import {
+  getTranslatedText,
+} from "../../../../../../../src/ATranslation/compositionAPI/UtilsAPI";
+
+export default function JsAPI() {
+  const argumentsTranslated = computed(() => {
+    return getTranslatedText({
+      placeholder: "_PAGE_FILTER_BOOLEAN_ARGUMENTS_",
+    });
+  });
+
+  const codeJs = computed(() => {
+    return `filterBoolean(value, { [trueValue="_YES_"], [falseValue="_NO_"], [useNil=true] });
+
+${ argumentsTranslated.value }`;
+  });
+
+  return {
+    codeJs,
+  };
+}

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanExample/PageFilterBooleanExample.js

@@ -0,0 +1,19 @@
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageFilterBooleanExample",
+  components: {
+    AlohaExample,
+  },
+  setup() {
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeJs,
+    };
+  },
+};

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanExample/PageFilterBooleanExample.pug

@@ -0,0 +1,5 @@
+aloha-example(
+  :code-js="codeJs"
+  header="_A_BASIC_USAGE_"
+  :is-code-visible-default="true"
+)

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanExample/PageFilterBooleanExample.vue

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

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanExample/compositionAPI/JsAPI.js

@@ -0,0 +1,22 @@
+import filterBoolean from "../../../../../../../src/filters/filterBoolean";
+
+export default function JsAPI() {
+  const codeJs = `filterBoolean(true);
+// ${ filterBoolean(true) }
+filterBoolean(false);
+// ${ filterBoolean(false) }
+
+filterBoolean(1);
+// ${ filterBoolean(1) }
+filterBoolean(0);
+// ${ filterBoolean(0) }
+
+filterBoolean("aloha");
+// ${ filterBoolean("aloha") }
+filterBoolean("");
+// ${ filterBoolean("") }`;
+
+  return {
+    codeJs,
+  };
+}

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanImportCompositionApi/PageFilterBooleanImportCompositionApi.js

@@ -0,0 +1,19 @@
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageFilterBooleanImportCompositionApi",
+  components: {
+    AlohaExample,
+  },
+  setup() {
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeJs,
+    };
+  },
+};

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanImportCompositionApi/PageFilterBooleanImportCompositionApi.pug

@@ -0,0 +1,5 @@
+aloha-example(
+  :code-js="codeJs"
+  header="_PAGE_FUNCTIONS_IMPORT_COMPOSITION_API_HEADER_"
+  :is-code-visible-default="true"
+)

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanImportCompositionApi/PageFilterBooleanImportCompositionApi.vue

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

package/docs/src/views/Functions/PageFilterBoolean/PageFilterBooleanImportCompositionApi/compositionAPI/JsAPI.js

@@ -0,0 +1,15 @@
+export default function JsAPI() {
+  const codeJs = `import AFiltersAPI from "aloha-vue/src/compositionAPI/AFiltersAPI";
+
+export default {
+  setup() {  
+    const {
+      filterBoolean,
+    } = AFiltersAPI();
+  },
+};`;
+
+  return {
+    codeJs,
+  };
+}