\n\n\n\n","import { render } from \"./FooterCopyright.vue?vue&type=template&id=8b94f354\"\nimport script from \"./FooterCopyright.vue?vue&type=script&lang=js\"\nexport * from \"./FooterCopyright.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./AppFooter.vue?vue&type=template&id=3c8e2712\"\nimport script from \"./AppFooter.vue?vue&type=script&lang=js\"\nexport * from \"./AppFooter.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=415cc5bb\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=415cc5bb&lang=css\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","\n\n\n\t
\n\t\t\n\t\t\n\n\t\t\n\t\t\n\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t
\n\t
\n\n\n\n","\n\n\n\t\n\t\t\n\t\t
\n\t\t\t\n\t\t\t\n\t\t
\n\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tالدّفتر الأزرق\n\t\t\t
\n\t\t\t
\n\t\t\t\tوليس من قرأ كمن رأى\n\t\t\t
\n\t\t
\n\t\n\n\n\n","import { render } from \"./AppBanner.vue?vue&type=template&id=0e4896a1\"\nimport script from \"./AppBanner.vue?vue&type=script&lang=js\"\nexport * from \"./AppBanner.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Home.vue?vue&type=template&id=022ab6ad\"\nimport script from \"./Home.vue?vue&type=script&lang=js\"\nexport * from \"./Home.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createRouter, createWebHistory } from 'vue-router';\nimport Home from '../views/Home.vue';\n\nconst routes = [\n\t{\n\t\tpath: '/',\n\t\tname: 'Home',\n\t\tcomponent: Home,\n\t\tmeta: {\n\t\t\ttitle: 'Daftar - Home',\n\t\t},\n\t},\n\t{\n\t\tpath: '/backdoor',\n\t\tname: 'BackDoor',\n\t\t// route level code-splitting\n\t\t// this generates a separate chunk (about.[hash].js) for this route\n\t\t// which is lazy-loaded when the route is visited.\n\t\tcomponent: () =>\n\t\t\timport(/* webpackChunkName: \"backdoor\" */ '../views/BackDoor.vue'),\n\t\tmeta: {\n\t\t\ttitle: 'Daftar - BackDoor',\n\t\t},\n\t},\n\t{\n\t\tpath: '/articles',\n\t\tname: 'Articles',\n\t\t// route level code-splitting\n\t\t// this generates a separate chunk (articles.[hash].js) for this route\n\t\t// which is lazy-loaded when the route is visited.\n\t\tcomponent: () =>\n\t\t\timport(/* webpackChunkName: \"articles\" */ '../views/Articles.vue'),\n\t\tmeta: {\n\t\t\ttitle: 'Daftar - Articles',\n\t\t},\n\t},\n\t{\n\t\tpath: '/articles/single-article/:articleId',\n\t\tname: 'Single Article',\n\t\t// route level code-splitting\n\t\t// this generates a separate chunk (articles.[hash].js) for this route\n\t\t// which is lazy-loaded when the route is visited.\n\t\tcomponent: () =>\n\t\t\timport(\n\t\t\t\t/* webpackChunkName: \"articles\" */ '../views/SingleArticle.vue'\n\t\t\t),\n\t\tmeta: {\n\t\t\ttitle: 'Daftar -Single Article',\n\t\t},\n\t}\n];\n\nconst router = createRouter({\n\thistory: createWebHistory(process.env.BASE_URL),\n\troutes,\n\tscrollBehavior() {\n\t\tdocument.getElementById('app').scrollIntoView();\n\t},\n});\n\nexport default router;\n\n/**\n * Below code will display the component/active page title\n */\n\n// This callback runs before every route change, including on page load.\nrouter.beforeEach((to, from, next) => {\n\t// This goes through the matched routes from last to first, finding the closest route with a title.\n\t// e.g., if we have `/some/deep/nested/route` and `/some`, `/deep`, and `/nested` have titles,\n\t// `/nested`'s will be chosen.\n\tconst nearestWithTitle = to.matched\n\t\t.slice()\n\t\t.reverse()\n\t\t.find((r) => r.meta && r.meta.title);\n\n\t// Find the nearest route element with meta tags.\n\tconst nearestWithMeta = to.matched\n\t\t.slice()\n\t\t.reverse()\n\t\t.find((r) => r.meta && r.meta.metaTags);\n\n\tconst previousNearestWithMeta = from.matched\n\t\t.slice()\n\t\t.reverse()\n\t\t.find((r) => r.meta && r.meta.metaTags);\n\n\t// If a route with a title was found, set the document (page) title to that value.\n\tif (nearestWithTitle) {\n\t\tdocument.title = nearestWithTitle.meta.title;\n\t} else if (previousNearestWithMeta) {\n\t\tdocument.title = previousNearestWithMeta.meta.title;\n\t}\n\n\t// Remove any stale meta tags from the document using the key attribute we set below.\n\tArray.from(\n\t\tdocument.querySelectorAll('[data-vue-router-controlled]')\n\t).map((el) => el.parentNode.removeChild(el));\n\n\t// Skip rendering meta tags if there are none.\n\tif (!nearestWithMeta) return next();\n\n\t// Turn the meta tag definitions into actual elements in the head.\n\tnearestWithMeta.meta.metaTags\n\t\t.map((tagDef) => {\n\t\t\tconst tag = document.createElement('meta');\n\n\t\t\tObject.keys(tagDef).forEach((key) => {\n\t\t\t\ttag.setAttribute(key, tagDef[key]);\n\t\t\t});\n\n\t\t\t// We use this to track which meta tags we create so we don't interfere with other ones.\n\t\t\ttag.setAttribute('data-vue-router-controlled', '');\n\n\t\t\treturn tag;\n\t\t})\n\t\t// Add the meta tags to the document head.\n\t\t.forEach((tag) => document.head.appendChild(tag));\n\n\tnext();\n});\n","import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\nimport './assets/css/app.css';\n\nimport \"vue3-toastify/dist/index.css\";\nimport CKEditor from '@ckeditor/ckeditor5-vue';\nimport BackToTop from 'vue-backtotop';\n\nconst feather = require('feather-icons');\nfeather.replace();\n\nconst app = createApp(App);\n\napp.config.globalProperties.$formatDate = (dateString) => {\n if (!dateString) return \"\";\n\n const date = new Date(dateString);\n const day = date.getDate(); // Extracts the day (30)\n const year = date.getFullYear(); // Extracts the year (2022)\n\n // Get the month name in Arabic\n const month = new Intl.DateTimeFormat(\"ar-LB\", { month: \"long\" }).format(date);\n\n return [year, month, day]; // Ensure correct order: \"30 مايو 2022\"\n};\n\napp.use(router)\n\t.use(BackToTop)\n\t.use( CKEditor )\n\t.mount('#app');\n\nconst appTheme = localStorage.getItem('theme');\n\n// Check what is the active theme and change theme when user clicks on the theme button in header.\nif (\n\tappTheme === 'dark' &&\n\tdocument.querySelector('body').classList.contains('app-theme')\n) {\n\tdocument.querySelector('body').classList.add('bg-primary-dark');\n} else {\n\tdocument.querySelector('body').classList.add('bg-secondary-light');\n}\n","\n\n\n\t\n\t\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\t{{ articlesHeading }}\n\t\t\t
\n\t\t
\n\n\t\t\n\t\t
\n\t\t\t
\n\t\t\t\tاِبحث عن فِلمٍ باسمه أو بإحدى سماتِه\n\t\t\t