vue-ci

WebPack for Vue in Code Igniter

Disclaimer: As there are different ways to use Vue, this library implements a different usage of Vue via CDN.

Installation

Download and Install Splint from https://splint.cynobit.com/downloads/splint and run the below from the root of your Code Igniter project.

splint install francis94c/vue-ci

Usage

Basically, When building Single Page Applications (SPAs), You tend to load certain JavaScript files on the client side. with this library, you can group scripts to load under a URL.

Step 1

Create a config file vue.php under applications/config/vue.php. This config file will have content similar to the following. Which we'll explain below.

defined('BASEPATH') OR exit('No direct script access allowed');

$config['vue'] = [
  'groups' => [
    'main' => [
      'components' => [
        'vue/components/login-screen',
        'vue/components/signup-screen'
      ],
      'scripts' => [
        'vue/auth_app'
      ]
    ],
    'initState' => [
      'scripts' => [
        'vue/vuex/mutate/init_state'
      ]
    ]
  ]
];