Im still pretty much learning vue and how to integrate it.
Install dependencies:
composer install
"require": {
"ext-curl": "*",
"ext-gd": "*",
"ext-json": "*",
"ext-pdo": "*",
"ext-pdo_mysql": "*",
"intervention/image": "^2",
"laminas/laminas-escaper": "^2",
"php-di/php-di": "^6",
"psr/log": "^1",
"slim/psr7": "dev-master",
"slim/slim": "^4",
"slim/php-view": "^3",
"zeuxisoo/slim-whoops": "^0.7"
},
setup webserver to point to the root /public
folder
create a config.php
file in the root with the values changed. see /app/Container.php
and the Settings
part for the default settings. config.php
returns an array.
install as per above.
run npm install
to install the node modules necessary for the project.
set the debug
value to true in config.php
for optional whoops error handling
edit the vue.config.js
files
devServer: {
// This will forward any request that does not match a static file to localhost:3000
proxy: 'http://skeleton.localhost/'
}
to match your environment (all api endpoints use this as their base, as well as /media etc)
the concept here is to develop the site in vuejs (/src
) run npm run serve
for developing on (creates a developer server with live reloading n stuff)
then when you ready to publish your project run npm run build
which outputs the files into the /web folder. the php /assets route points to the /web/assets directory and allows for all the restrictions and changes the php routes allow for (like limiting file types).
the /* routes point to the /web/index.html file as a "template". which in turn loads the vue stuff.
"dependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-brands-svg-icons": "^5.15.4",
"@fortawesome/free-regular-svg-icons": "^5.15.4",
"@fortawesome/free-solid-svg-icons": "^5.15.4",
"@fortawesome/vue-fontawesome": "^3.0.0-4",
"@popperjs/core": "^2.9.3",
"bootstrap": "^5.1",
"core-js": "^3.6.5",
"vue": "^3.0.0",
"vue-axios": "^3.2.5",
"vue-router": "^4.0.0-0",
"vuex": "^4.0.0-0"
},
"devDependencies": {
"@types/bootstrap": "^5.1.4",
"@typescript-eslint/eslint-plugin": "^4.18.0",
"@typescript-eslint/parser": "^4.18.0",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-typescript": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"@vue/eslint-config-prettier": "^6.0.0",
"@vue/eslint-config-typescript": "^7.0.0",
"eslint": "^6.7.2",
"eslint-plugin-prettier": "^3.3.1",
"eslint-plugin-vue": "^7.0.0",
"prettier": "^2.2.1",
"sass": "^1.26.5",
"sass-loader": "^8.0.2",
"typescript": "~4.1.5"
},
CREATE TABLE IF NOT EXISTS `system_attempts` (
`identifier` varchar(255) DEFAULT NULL,
`type` varchar(250) DEFAULT NULL,
`ip` varchar(45) DEFAULT NULL,
`agent` varchar(300) DEFAULT NULL,
`payload` text DEFAULT NULL,
`timestamp` timestamp NOT NULL DEFAULT current_timestamp(),
KEY `session_id` (`identifier`),
KEY `ip` (`ip`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
CREATE TABLE IF NOT EXISTS `system_authentication` (
`token` varchar(50) NOT NULL,
`user_id` int(11) NOT NULL,
`timestamp` timestamp NOT NULL DEFAULT current_timestamp(),
`changed` tinyint(1) NOT NULL DEFAULT 0,
PRIMARY KEY (`token`),
KEY `user_id` (`user_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
CREATE TABLE IF NOT EXISTS `system_logs` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`version` varchar(100) DEFAULT NULL,
`datetime` datetime DEFAULT current_timestamp(),
`level` varchar(50) DEFAULT NULL,
`log` text DEFAULT NULL,
`context` text DEFAULT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
CREATE TABLE IF NOT EXISTS `system_sessions` (
`session_id` varchar(255) NOT NULL,
`user_key` varchar(250) DEFAULT NULL,
`data` text DEFAULT NULL,
`ip` varchar(50) DEFAULT NULL,
`proxy_ip` varchar(50) DEFAULT NULL,
`agent` varchar(300) DEFAULT NULL,
`timestamp` int(11) DEFAULT NULL,
PRIMARY KEY (`session_id`),
KEY `user_key` (`user_key`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
CREATE TABLE IF NOT EXISTS `system_users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(100) DEFAULT NULL,
`email` varchar(255) DEFAULT NULL,
`password` varchar(255) DEFAULT NULL,
`salt` varchar(50) DEFAULT NULL,
`settings` text DEFAULT NULL,
`last_active` datetime DEFAULT NULL,
`last_page` varchar(250) DEFAULT NULL,
`active` tinyint(1) DEFAULT 1,
PRIMARY KEY (`id`),
KEY `active` (`active`) USING BTREE
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
CREATE TABLE IF NOT EXISTS `system_roles` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`category_id` int(11) DEFAULT NULL,
`role` varchar(250) DEFAULT NULL,
`description` text DEFAULT NULL,
PRIMARY KEY (`id`),
KEY `category_id` (`category_id`)
)