# hostinger/trunk/vue-frontend/dist/src_components_Modals_Base_BaseModal_vue.js

Hostinger Tools, version trunk. 82 lines.

- Page: https://pluginprobe.com/plugins/hostinger/trunk/code/vue-frontend/dist/src_components_Modals_Base_BaseModal_vue.js
- Raw: https://pluginprobe.com/plugins/hostinger/trunk/raw/vue-frontend/dist/src_components_Modals_Base_BaseModal_vue.js
- Modified: 2025-03-03T08:32:52+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/hostinger/trunk/code/vue-frontend/dist/src_components_Modals_Base_BaseModal_vue.js#L10-L20`.

```javascript
"use strict";
/*
 * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
 * This devtool is neither made for production nor for readable output files.
 * It uses "eval()" calls to create a separate source file in the browser devtools.
 * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
 * or disable the default devtool with "devtool: false".
 * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
 */
(self["webpackChunkhostinger_affiliate_plugin_vue"] = self["webpackChunkhostinger_affiliate_plugin_vue"] || []).push([["src_components_Modals_Base_BaseModal_vue"],{

/***/ "./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true":
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n// extracted by mini-css-extract-plugin\n\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D");

/***/ }),

/***/ "./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true":
/*!********************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true ***!
  \********************************************************************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (/*#__PURE__*/(0,vue__WEBPACK_IMPORTED_MODULE_0__.defineComponent)({\n    __name: 'BaseModal',\n    props: {\n        title: { type: String, required: false },\n        subtitle: { type: String, required: false },\n        titleIcon: { type: Object, required: false }\n    },\n    setup(__props, { expose: __expose }) {\n        __expose();\n        const __returned__ = {};\n        Object.defineProperty(__returned__, '__isScriptSetup', { enumerable: false, value: true });\n        return __returned__;\n    }\n}));\n\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D");

/***/ }),

/***/ "./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true":
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: function() { return /* binding */ render; }\n/* harmony export */ });\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.runtime.esm-bundler.js\");\n\nconst _withScopeId = n => ((0,vue__WEBPACK_IMPORTED_MODULE_0__.pushScopeId)(\"data-v-8740fa32\"), n = n(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.popScopeId)(), n);\nconst _hoisted_1 = { class: \"base-modal\" };\nconst _hoisted_2 = { class: \"base-modal__title-container\" };\nconst _hoisted_3 = [\"icon\", \"color\"];\nconst _hoisted_4 = {\n    key: 1,\n    class: \"base-modal__title\"\n};\nconst _hoisted_5 = {\n    key: 0,\n    class: \"base-modal__subtitle\"\n};\nfunction render(_ctx, _cache, $props, $setup, $data, $options) {\n    return ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"div\", _hoisted_1, [\n        (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementVNode)(\"span\", _hoisted_2, [\n            ($props.titleIcon)\n                ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"hp-icon\", {\n                    key: 0,\n                    class: \"h-mr-12\",\n                    icon: $props.titleIcon.name,\n                    color: $props.titleIcon.color\n                }, null, 8 /* PROPS */, _hoisted_3))\n                : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true),\n            ($props.title)\n                ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"h2\", _hoisted_4, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.title), 1 /* TEXT */))\n                : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true)\n        ]),\n        ($props.subtitle)\n            ? ((0,vue__WEBPACK_IMPORTED_MODULE_0__.openBlock)(), (0,vue__WEBPACK_IMPORTED_MODULE_0__.createElementBlock)(\"p\", _hoisted_5, (0,vue__WEBPACK_IMPORTED_MODULE_0__.toDisplayString)($props.subtitle), 1 /* TEXT */))\n            : (0,vue__WEBPACK_IMPORTED_MODULE_0__.createCommentVNode)(\"v-if\", true),\n        (0,vue__WEBPACK_IMPORTED_MODULE_0__.renderSlot)(_ctx.$slots, \"default\", {}, undefined, true)\n    ]));\n}\n\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/dist/index.js??ruleSet%5B0%5D");

/***/ }),

/***/ "./src/components/Modals/Base/BaseModal.vue":
/*!**************************************************!*\
  !*** ./src/components/Modals/Base/BaseModal.vue ***!
  \**************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _BaseModal_vue_vue_type_template_id_8740fa32_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true */ \"./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true\");\n/* harmony import */ var _BaseModal_vue_vue_type_script_lang_ts_setup_true__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BaseModal.vue?vue&type=script&lang=ts&setup=true */ \"./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true\");\n/* harmony import */ var _BaseModal_vue_vue_type_style_index_0_id_8740fa32_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true */ \"./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true\");\n/* harmony import */ var _node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../node_modules/vue-loader/dist/exportHelper.js */ \"./node_modules/vue-loader/dist/exportHelper.js\");\n\n\n\n\n;\n\n\nconst __exports__ = /*#__PURE__*/(0,_node_modules_vue_loader_dist_exportHelper_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"])(_BaseModal_vue_vue_type_script_lang_ts_setup_true__WEBPACK_IMPORTED_MODULE_1__[\"default\"], [['render',_BaseModal_vue_vue_type_template_id_8740fa32_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render],['__scopeId',\"data-v-8740fa32\"],['__file',\"src/components/Modals/Base/BaseModal.vue\"]])\n/* hot reload */\nif (false) {}\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (__exports__);\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?");

/***/ }),

/***/ "./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true":
/*!***********************************************************************************************************!*\
  !*** ./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true ***!
  \***********************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_dist_stylePostLoader_js_node_modules_sass_loader_dist_cjs_js_node_modules_vue_loader_dist_index_js_ruleSet_0_BaseModal_vue_vue_type_style_index_0_id_8740fa32_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/mini-css-extract-plugin/dist/loader.js!../../../../node_modules/css-loader/dist/cjs.js!../../../../node_modules/vue-loader/dist/stylePostLoader.js!../../../../node_modules/sass-loader/dist/cjs.js!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0]!./BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true */ \"./node_modules/mini-css-extract-plugin/dist/loader.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=style&index=0&id=8740fa32&lang=scss&scoped=true\");\n\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?");

/***/ }),

/***/ "./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true":
/*!*************************************************************************************!*\
  !*** ./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true ***!
  \*************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": function() { return /* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_1_node_modules_vue_loader_dist_index_js_ruleSet_0_BaseModal_vue_vue_type_script_lang_ts_setup_true__WEBPACK_IMPORTED_MODULE_0__[\"default\"]; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_1_node_modules_vue_loader_dist_index_js_ruleSet_0_BaseModal_vue_vue_type_script_lang_ts_setup_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/ts-loader/index.js??clonedRuleSet-1!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0]!./BaseModal.vue?vue&type=script&lang=ts&setup=true */ \"./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=script&lang=ts&setup=true\");\n \n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?");

/***/ }),

/***/ "./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true":
/*!****************************************************************************************************!*\
  !*** ./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true ***!
  \****************************************************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: function() { return /* reexport safe */ _node_modules_ts_loader_index_js_clonedRuleSet_1_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_BaseModal_vue_vue_type_template_id_8740fa32_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__.render; }\n/* harmony export */ });\n/* harmony import */ var _node_modules_ts_loader_index_js_clonedRuleSet_1_node_modules_vue_loader_dist_templateLoader_js_ruleSet_1_rules_2_node_modules_vue_loader_dist_index_js_ruleSet_0_BaseModal_vue_vue_type_template_id_8740fa32_scoped_true_ts_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/ts-loader/index.js??clonedRuleSet-1!../../../../node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!../../../../node_modules/vue-loader/dist/index.js??ruleSet[0]!./BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true */ \"./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0]!./src/components/Modals/Base/BaseModal.vue?vue&type=template&id=8740fa32&scoped=true&ts=true\");\n\n\n//# sourceURL=webpack://hostinger-affiliate-plugin-vue/./src/components/Modals/Base/BaseModal.vue?");

/***/ })

}]);
```