Loader for vue.js templates that allows to use django gettext template syntax
npm install django-gettext-vue-loaderdjango-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
``sh`
$ npm install --save-dev django-gettext-vue-loader
Add loader to your webpack.config.js in pipeline for html-files
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
``