django-gettext-vue-loader

django-gettext-vue-loader
=====


Loader for vue.js templates that allows to use django gettext template syntax

:warning: Implementation is very raw, but usable for simple cases

Install

``sh
$ npm install --save-dev django-gettext-vue-loader
`

Usage (with webpack and vue-loader)

Add loader to your webpack.config.js in pipeline for html-files

$3


` javascript
{
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
preLoaders: {
html: 'django-gettext-vue-loader'
}
}
}
]
}
}
`

$3

` javascript
{
module: {
rules: [
{
test: /\.html$/,
loaders: [
{ loader: 'vue-template-loader' },
{ loader: 'django-gettext-vue-loader' }
]
}
]
}
}
`

Add template

` html


{{ _('lorem ipsum dolor sit amet') }}


`

Then require html templates as usual

` javascript
// my-component.es2015.js
import template from './templates/my-component.html';

export default {
template,

props: {
// whatever
}
}
`

Usage (API)

` javascript
// es2015 way
import loader from 'django-gettext-vue-loader';
// or
var loader = require('django-gettext-vue-loader');

loader(sourceString); // return transformed string
`

Run tests

`sh
npm test
`
or

`sh
node tests.js
``

License

MIT