Update example

Author: eemeli

example/package.json

@@ -1,21 +1,20 @@
 {
   "name": "messageformat-properties-loader-example",
-  "version": "0.1.0",
   "description": "Minimal example for messageformat-properties-loader",
   "private": true,
   "scripts": {
-    "build": "webpack",
-    "prepare": "npm run build"
+    "build": "webpack --mode production"
   },
   "main": "src/index.js",
   "repository": "https://github.com/messageformat/properties-loader",
   "author": "Eemeli Aro <[email protected]>",
   "license": "MIT",
   "devDependencies": {
-    "messageformat-properties-loader": "^0.3.0",
-    "webpack": "^3.11.0"
+    "messageformat-properties-loader": "file:..",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11"
   },
   "dependencies": {
-    "messageformat": "^2.0.0-beta.4"
+    "messageformat-runtime": "^3.0.0-beta.0"
   }
 }

example/src/index.js

@@ -1,15 +1,17 @@
+import Messages from 'messageformat-runtime/messages'
 import en from './messages_en.properties'
-import MessageFormat from 'messageformat/lib/get'
-const messages = new MessageFormat({ en })
+
+const messages = new Messages({ en })
 
 function component() {
   const element = document.createElement('div')
-  element.innerHTML = messages.get(['errors', 'format'], [
-    'Your message',
-    messages.get(['errors', 'messages', 'wrong_length'], { count: 42 })
-  ])
+  element.innerHTML = messages.get(
+    ['errors', 'format'],
+    ['Foo', messages.get(['errors', 'messages', 'wrong_length'], { count: 42 })]
+  )
   return element
 }
 
+console.log('locale', messages.locale)
 console.log('messages', messages.get([]))
-document.body.appendChild(component())
+if (typeof document !== 'undefined') document.body.appendChild(component())

example/webpack.config.js

@@ -10,7 +10,7 @@ module.exports = {
     rules: [
       {
         test: /\.properties$/,
-        loader: require.resolve('messageformat-properties-loader'),
+        loader: 'messageformat-properties-loader',
         options: {
           keyPath: true
         }